Sep 4th, 2009

Fancy Fonts for All

*all* == IE6, IE7, IE8, FFx3.5+, Safari (Mac & Win) and (as of Sep 1, 2009) Opera10+ and Chrome

Here's the code we're testing:
@font-face {
  font-family: "my lexo";
  src: url(/test/fontFace/lexograph-paul1.eot);
  src: local('Lexographer'), url(/test/fontFace/lexograph-paul1.ttf) format("truetype");
}

.lexograph.title {
  font:2em/1.1em 'my lexo',verdana,sans-serif;
}

Follow the comment (and article) that spawned this @font-face CSS selector test page.

View Source for more CSS @font-face information