Friday, August 31, 2007

Web Fonts

Instead of making pictures of fonts, actual font files can be linked to and retrieved from the web. CSS2 described a way to link to fonts from style sheets, however TrueType fonts are not supported:

@font-face {
font-family: "Kimberley";
src: url( »
kimberle.ttf) format("truetype");
h1 { font-family: "Kimberley", sans-serif }

Or to avoid long lists of @font-face declarations:

@import url( all;
h1 { font-family: Goodfish, serif }

Problems with Fonts on the Web:
  • Fonts are intellectual property
  • Potential for aesthetics problems
CSS @ Ten: The Next Big Thing
Web-safe fonts

No comments: