About This Example

With YUI Fonts CSS in place, define font sizes using the percentages found in the documentation and on the cheatsheet. For example, 77% renders as 10px; 138.5% renders as 18px.

Because CSS examples are susceptible to other CSS on the page, this example is only available in a new window at the above link.

Configuration for This Example

You can load the necessary JavaScript and CSS for this example from Yahoo's servers. Click here to load the YUI Dependency Configurator with all of this example's dependencies preconfigured.