A little more on font linking

I've just been playing with HTML font linking* using the info in the 2002 W3C Web Fonts Working Draft. Works beautifully. You specify the weight, style (regular/italic), and stretch (condensed/normal/expanded) - and off you go! For example:

@font-face {
  font-family: "DejaVu Serif";
  src: url("http://example.com/free-libre-font-files/dejavu-fonts-ttf-2.26/DejaVuSerif-Italic.ttf") format("TrueType");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "DejaVu Serif";
  src: url("http://example.com/free-libre-font-files/dejavu-fonts-ttf-2.26/DejaVuSerif.ttf") format("TrueType");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

body {
  font-family: "DejaVu Serif", serif;
}

And by magic, regular and italic variants will be found and used. Note how the two @font-face at-rules have the same font-family value, thus grouping them as one typeface.

OK, it's a little bit of work, but the indirection gives scope for future flexibility. Just remember kids: always read the licence!

Browsers: Firefox 3.1 (font-linking build) and Safari 3.1 on OS X.

Font linking comes to Firefox

After eight seven and a half years ;-)

You can try it out on Mac and Windows on a test build. Thanks :jtd!

Edit: can’t do maths.

Small worlds collide

http://www.myqsl.org/ vs http://www.mysql.org/. Amateur radio meets database development through the magic of the internet.

All your copyright are belong to us

Google Chrome Woops.

A look back at the Seeking Inspiration conference

I’ve just stuck this article, with very nice sketches done by the official conference illustrator, on the St Bride site. It might entice a few more folk along to the next event. We will then have to find more chairs. I don’t think that’s too much of a problem.