font size, best practices w/ CSS
- Started
- Last post
- 6 Responses
- bklyndroobeki
Is it OK to have your font size code as:
font-size: 200%;as opposed to say:
font-size: 1.91em;...thoughts?
- 20020
http://kyleschaeffer.com/develop…
The Verdict
In theory, the em unit is the new and upcoming standard for font sizes on the web, but in practice, the percent unit seems to provide a more consistent and accessible display for users. When client settings have changed, percent text scales at a reasonable rate, allowing designers to preserve readability, accessibility, and visual design.The winner: percent (%).
- wow, thanks bud! this is great infobklyndroobeki
- LOL "the em unit is the new and upcoming standard for font sizes on the web"ETM
- the article is 7 years old2002
- The article is from 2008.ETM
- 2015 - 2008 =7 years
2002 - Thanks for the math. But you do understand some people type in a comment at the same time as someone else.ETM
- so yeah in 2008, em was not widely used and it was 'new and upcoming'2002
- Didn't see yours.ETM
- regardless, the article still rings true today.2002
- See you did it again. Interrupted me. :)ETM
- i have to have the last word2002
- wordETM
- words2002
- word is bondrodzilla
- bklyndroobeki0
this is what i'm working on tonight. hyphens and %'s
http://caniuse.com/#feat=css-hyp…
- ETM0
2em and 200% should be equal to the same thing. Both mean twice the parent font size. Just don't forget css inheritance.
- bklyndroobeki0
finding that this is much much better:
http://www.w3schools.com/cssref/…using
word-wrap: normal;
took me way too much time to figure out this simple solution.- why won't a rag happen automatically is what i'm wondering.bklyndroobeki
- bklyndroobeki0
wait i think 2002's article post is still relevant for 2015. have there been any updates? it's working well on all devices...
- bklyndroobeki0
my developer did use text-size:largest; and that seemed a bit weird