views:

210

answers:

1

The following @font-face declaration works perfectly well on Firefox (Mac) but not Safari/WebKit:

@font-face {
 font-family:MyGaramond;
 src:local("Garamond Premier Pro"), /* Full name */
     local("GaramondPremrPro"), /* Postscript name */
     url("GaramondPremrPro.otf") format("opentype"); /* Fallback */
}

h2 {
 font-family:MyGaramond, sans-serif !important;
}

To clarify, I've also tried:

@font-face {
 font-family:MyGaramond;
 src:local("Garamond Premier Pro"), /* Full name */
     local("GaramondPremrPro"), /* Postscript name */
     url("GaramondPremrPro.otf"); /* Fallback */
}

h2 {
 font-family:MyGaramond, sans-serif !important;
}

, with/without quotes, etc.

Has anyone else experienced this, and if so, how did you fix it? That this isn't working is really baffling (and a tad irritating...).

A: 

I think webkit still has some problems with opentype. How does opera handle it?

douwe
Opera works fine as well.
Michael
Nevermind. Not sure what the problem was, but I used TrueType Pro to convert from OpenType to OpenType and now it works fine. Maybe it was a malformed file.
Michael