Font size bug

  • Thread starter Thread starter Sage
  • 9 comments
  • 537 views
Sage

Sage

Staff Emeritus
Messages
12,533
United States
United States
Messages
GTP_Sage
When a font size of "1" is used, and that text then gets quoted, the font size isn't proportionally smaller to the rest of the quoted text.
Regular text. This is supposed to be small. More regular text.
Click to expand...
I'm assuming it's because the size=1 thing inherits its size based on a user's browser font size setting, while the regular quoted text is set explicitly.



[edit]: Well, I've figured that adding this in your CSS would make it show up correctly in standards-compliant (Firefox/Safari) browsers:
Code: 
.smallfont font[size="1"] {
	font-size: 10px;
}

IE doesn't understand the attribute selector, so nothing can be done for it.
 
Well, as I said, it's dependent on a user's browser font-size default. I'm assuming yours is set to 12 or 14, which would then change the relative value of size=1 to something smaller than 11px (the default size for quoted text). Mine is set to 17 though (high resolution screen + bad eyes), so the font tag inherits that value in determining how large it should render the font, instead of basing it off of the quoted text (<div class="smallfont" />).

[edit]: This might help (or it might just confuse you more :p):

 
Ahhhh... So it's not a GTP fault, but rather a "Sage + Apple = Issue" font

:D

Sorry, had to poke a little fun.

AO
 
Ahh, I get what Sage is trying to say.

The small sized text when quoted is actually bigger than the normal size text.
 
Technically your fix is incorrect Sage as you are now explicitly forcing the font size to be 10...

The better fix would be to change the Quote so that it uses a relative size instead of a fixed size.

(That way your font settings in your browser still affect what you see)

C.
 
Well, I understand what you're saying, but I believe (not 100% sure) that the font tag always renders its size based on the root element instead of a parent element. If it based it off of the parent element, then this wouldn't even be an issue in the first place (since it would read the div's font-size and use it to calculate its own size). However, it seems to calculate it from the root element, which means that it can't be assigned any relative value that will absolutely guarantee it's smaller than the surrounding smallfont text unless it's an explicit value.

This is why font tags are baaaad… ;)
 
Does it do the same thing on GTP Lite's quotes?
 

Latest Posts

Back