next »

[nutballs]

This little CSS construct popped up today in conversation with my wife, and I haven't looked at it since it was added to CSS.

Short version is that it  allows you to call fonts from the web, and use them in webpages. Actual fonts, not stupid images strung together. Why would you need more than arial,verdant,comic sans, and times? You work with a graphic designer....

So anyone have any recent experience with it?
Anyone know the penetration of it? Risks to end users (why it would be blocked).
Etc etc.

[kurdt]

@font-face is the one CSS3 that has been actually working for many years across the browsers. Ironic thing is that Microsoft has supported @font-face like capabitilies from IE 5.5

I got this ultimate cross-browser @font-face CSS script from some site:

Code:

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'),
         url('GraublauWeb.otf') format('opentype');
}

Notice that even fonts can't escape the format wars so you have to have your font in eot and otf format. otf is what IE understand. ttf works also at least with webkits but with that script, you should be fully cross-browser. Of course you might want to specify some fallback in case somebody is using limited mobile device to watch your site.

But beware that some fonts can be big so it will introduce yet another 20-200KB your visitor has to load.

[perkiset]

Kurdt - I assume that the font is cached, at least for the rest of the session?

[kurdt]

Kurdt - I assume that the font is cached, at least for the rest of the session?

Well it's a file so it should be cached just like any other downloaded file?

[nutballs]

interesting. im gonna have to look into it again. I remember there being a huge vuln when it first came out, and i didnt look at it since.

I wonder what percentage of corporations block font downloads?
Know of any stats anywhere?

[kurdt]

interesting. im gonna have to look into it again. I remember there being a huge vuln when it first came out, and i didnt look at it since.

I wonder what percentage of corporations block font downloads?
Know of any stats anywhere?

Probably the same companies that block javascript.