font-size: 14px/1.4, orphans, and text-rendering

[Kestral]

1. I’ve seen something like this declaration used before. CSS-Tricks uses 13px/1.3, and from my experience, it seems to make the text taller. Can someone explain this to me?
   [/*:m]
2. In CSS-Trick’s body statement I see an "orphans" property in FireBug, what is this?
   [/*:m]
3. In addition to orphans, I also see "text-rendering." I can look this up at W3C, and probably will, but I am curious as to what this is.[/*:m][/list:o]

[Chris Coyier]

1) The 1.3 number is setting the line-height, in shorthand.
2) It’s only supported in IE and Opera, but it means that at the end of a paragraph block, for example, there can never be just one lonely word, it will at least pull down another word from the line before it. Just good typography.
3) Also good typography. See: http://www.aestheticallyloyal.com/publi … egibility/ Although there are some potential drawbacks… I may post about that soon as I learn more.

[Author]

Posts