Using Web Fonts 101

If you are using a modern browser, you should see this page rendered in a font that may not be installed on your local machine (downloadable as Nuvo Web Medium). By viewing the source of this page (or frame if you're viewing from my blog), you can see exactly how we can use .woff font files on an Apache server to feed custom font families into our CSS.

Step By Step

  1. Upload .woff files to your server
  2. Register .woff file type with your application (if not yet supported)
  3. Create a CSS file to manage specifics of new typeface
  4. Refer to new font-family in standard CSS declarations