CSS Fonts: Examples

CSS Fonts provides typographical normalization and control

• Global (Page-Level) Example: When CSS Fonts is included in a page, it applies a baseline font treatment to all HTML elements. This baseline is Arial at the equivalent of 13px size and 16px line-height.
• Contextual Example: Use the alternate contextual version of YUI Fonts to have precise control over which regions of the page are targeted.
• Setting Font Size: Define all non-baseline sizes in percentages when using YUI Fonts.
• Setting Font Family: When using YUI Fonts, set font-family as you would normally.