Comments on: Checking for installed fonts with @font-face and local()

By: Peter

Peter — Fri, 03 Jul 2009 10:48:47 +0000

Hi Karl,

Yes, you’ll have to declare it in the same way;

@font-face {
font-family: ‘Graublau Sans Web’;
font-weight: bold;
src:
local(‘Graublau Web Bold’),
local(‘GraublauWeb-Bold’),
url(‘GraublauWebBold.otf’);
}

You can get the PostScript name of a font by opening Font Book and clicking ‘Show Font Info’.

By: Karl

Karl — Fri, 03 Jul 2009 10:21:52 +0000

Hi Peter,

Graublau also has a bold version, do we need to do anything special for OS X as you did with the regular font?

Thanks, Karl

By: Peter

Peter — Wed, 01 Jul 2009 08:43:22 +0000

Hi Neal,

The Blaugrau Web font family is very cool; I hope to see it used more often.

Out of interest, what platform are you on? I hadn’t noticed that Firefox displays a serif font before loading in the new one.

By: Neal G

Neal G — Wed, 01 Jul 2009 03:15:30 +0000

It seems that Firefox 3.5 renders the font for a second or two as Times New Roman, and then after the font is loaded, renders it properly (if you use the web only method). Safari on the other hand leaves a blank space and then renders the font.

I find Firefox’s technique a bit annoying as it seems ‘too noticeable’ almost like IE’s old ‘flash of unstyled content’ bug.

Most of the fonts I’m testing with are from free font sites which I doubt many users have locally on their computers.

By: Neal G

Neal G — Wed, 01 Jul 2009 02:26:02 +0000

Peter, I’m totally digging the font on your website using my shiny new version of Firefox 3.5!