This link has been bookmarked by 108 people . It was first bookmarked on 20 Nov 2007, by Christy Tucker.
-
Richard SheppardThe Drupal Zen theme uses this as the basis for font calculation.
-
Mylene BruneauText CSS en pourcentage
-
Peter JacobsonA better best practice for sizing type in CSS.
-
-
Frequently asserted is the notion that good typography requires accurate control of font size and line-height. But this is the web: it’s a special medium where the reader can have as much control as the designer—the implication being that text on the web, while bending to the designer’s will, must also be reliably resizable across browsers and platforms.
-
Text size in pixels – iteration 1
The default text size of the base case is a good starting point, but for most people (designers, clients, and their customers) 16px is too large for body text. - 9 more annotations...
-
-
-
Sizing text and line-height in ems, with a percentage specified on the body (and an optional caveat for Safari 2), was shown to provide accurate, resizable text across all browsers in common use today
-
-
-
-
Terry McCallIn this article, we will reconcile the designer’s requirement for accuracy with the user’s need to resize text on demand, arriving at a best practice that satisfies designers and users and works across browsers and platforms.
We’ll reach our destination -
E Barneya bit dated, but a nice explanation of the differences in browsers and font sizing options
-
applejackie87This is a way to size text that can be seen similarly from any internet browser. I hope to try this instead of having to deal with all the different versions of percentages etc. HTML dog also talks about sizing fonts, but this seems to sum up the most efficient code in a sentence.
"Sizing text and line-height in ems, with a percentage specified on the body (and an optional caveat for Safari 2), was shown to provide accurate, resizable text across all browsers in common use today. " -
Clint LalondeA rather technical, but detailed, dissection of the difference between ems, pixels, % for sizing text
-
Denis De Mesmaekerdefine font-size as 100% in style "body" use em relative to 16px=1em
-
-
Frequently asserted is the notion that good typography requires accurate control of font size and line-height. But this is the web: it’s a special medium where the reader can have as much control as the designer—the implication being that text on the web, while bending to the designer’s will, must also be reliably resizable across browsers and platforms.
-
it’s safe to say that IE6 is still used by many people. So setting text in pixels would leave many people no means of resizing it. There’s also an argument that says IE7 users should be able to resize text without being forced to use the zoom control.
- 6 more annotations...
-
-
Geraldo MedranoWe’ll reach our destination by the traditional method of trial and error.
-
-
A fix to the exaggerated text resizing of IE6 and IE7 is to size the body using a percentage. So retaining the ems on our content, the following styles were tested:body {
font-size:100%;
}
.bodytext p {
font-size:0.875em;
}
-
-
Howard KeziahThe sheer number of aging boomers make attention to this issue essential. I had an eye exam today and the effects of pupil dilation are still with me. I had to increase font size on my browser in order to work at all tonight. I'm amazed at the number of sites that completely screw up when you increase the font size.
-
retain accurate control of typography, without sacrificing the user’s ability to adjust his or her reading environment
-
-
-
The default text size of the base case is a good starting point, but for most people (designers, clients, and their customers) 16px is too large for body text.
-
-
Will BoltonGood stuff from Richard Rutter. Terrible author photo though - makes him look really smug and superior, which I'm sure he's not.
Page Comments
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.