How to Size Text with CSS
January 12, 2010 Web Guide & Tips
Create User-friendly Web Site Font Sizes with CSS Relative Font Sizing
Looking for an easy way to designate CSS font sizes for your website that will work well with modern, mainstream browsers for Windows or Mac computers? Need to also make sure your website’s font size approach is universally accessible, meets W3C’s WAI Accessibility Guidelines, U.S. Section 508 requirements, or other accessibility requirements? This tutorial will show you one possibility that can meet those needs by using CSS relative font sizing.
Why use CCS Relative Font Sizing?
Using relative font sizing allows font size scalability / flexibility by users, which is also an important reason why this approach is considered best practice for fonts. Since it provides scalability, which means flexibility for visitors, at this point relative font sizing designations are far more universally accessible and more user-friendly than absolute font sizing. In fact, relative font sizing is recommended by the W3C’s Accessibility Guidelines, U.S. Section 508 requirements, and other accessibility guidelines and requirements.
- Step 1 – Set Up an Initial Relative Font Base Size with CSS
- Step 2 – Add CSS Relative Font Sizing to the Footer
- Step 3 – Designating Heading Font Sizes with CSS Relative Sizing
- Step 4 – Designating A Contrasting Font Family For Visual Interest
- Step 5 – CSS and Typograph
Cross-browser, Cross platform Fonts Testing
More on CSS and Fonts
(This article is taken from Websitetips.com. For details of the above steps and info, click here – http://websitetips.com/articles/css/fonts/#why)
