x-small

liunx

Guest
I use Verdana as my font using an external style sheet. In Internet Explorer, "font-size:x-small" appears the normal size for what ever tag I use. However with mozilla and opera, the text size appears really small. How do I make the corrections so that I get a standard size on all three browsers?The browsers' internal font sizes are probably set different for each browser...Do you use px in ANY font-size tag on that page, i.e. for the body? IE can't scale PX's so that'd be a problem. Maybe try body { font-size: 1em; }... And if that fails, make sure the default text size (VIEW>TEXT SIZE) is set to medium.I don't use any px for the font size. In IE, Medium is selected as the text size.
PS Isn't '1em' not supposed to be used as it raises accessibility issues?Not sure what the problem is with it. And 0.9em should generally be used as the base font size.Nah. EMs are scalable by all browsers, making them ideal for font sizing. Or at least that's how I think it is. Ever heard of elastic (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/elastic/">http://www.alistapart.com/articles/elastic/</a><!-- m -->) designs? (<!-- m --><a class="postlink" href="http://www.csszengarden.com/?cssfile=/063/063.css">http://www.csszengarden.com/?cssfile=/063/063.css</a><!-- m -->)Originally posted by omega
Nah. EMs are scalable by all browsers, making them ideal for font sizing. Or at least that's how I think it is. Ever heard of elastic (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/elastic/">http://www.alistapart.com/articles/elastic/</a><!-- m -->) designs? (<!-- m --><a class="postlink" href="http://www.csszengarden.com/?cssfile=/063/063.css">http://www.csszengarden.com/?cssfile=/063/063.css</a><!-- m -->)
HUH? I wasn't saying not to use em's. I was simply stating what should be used as the default font-size...I was replying to Nichalp's post, Dan.Originally posted by omega
I was replying to Nichalp's post, Dan.
Ah, gotcha ;)I would start a sarcastic, mock hysterical ramble based on "You have me?!?", but I think I'll pass.How do I impliment the em font size? Isn't x-small/medium sufficient? Another thing, can I specify the default font size using the META tag under LINK and REV/REL??Font-size is linked to font-family. Without specifying font-family as well, the actual font height will be displayed according to the default font of the browser.
x-small/medium are relative units which 'should' display the same in every browser.
All style declarations should be in a linked css.
Many elements display differently in differing browsers. The W3C have a default css (<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/sample.html">http://www.w3.org/TR/REC-CSS2/sample.html</a><!-- m -->) which you may wish to use, although no body font properties are declared. A serious error I feel.
 
Back
Top