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(http://www.princexml.com/fonts/larabie/ »
kimberle.ttf) format("truetype");
}
h1 { font-family: "Kimberley", sans-serif }


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

@import url(http://www.princexml.com/fonts/larabie/index.css) 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: