Grow your CSS skills. Land your dream job.

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

  • # August 14, 2010 at 10:59 pm
    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]
    # August 15, 2010 at 6:22 pm

    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.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".