views:

288

answers:

1

Hello all,

Im having a problem with @font-face. It actually works flawlessly on Safari, internet explorer 7+ and Firefox for windows but not at all on firefox for mac.

I'm using code from the bulletproof @font-face article

Here's my Code:

@font-face {
    font-family: "QlassikMediumRegular";
    src: url("../fonts/Qlassik_TB.eot");
    src: local("Qlassik Medium Regular"), local("QlassikMedium"), url("../fonts/Qlassik_TB.ttf") format("truetype")
}

@font-face {
    font-family: "QlassikBoldRegular";
    src: url("../fonts/QlassikBold_TB.eot");
    src: local("Qlassik Bold Regular"), local("QlassikBold"), url("../fonts/QlassikBold_TB.ttf") format("truetype")
}

Here is the link to my site in question: link text

Thanks in advance.

A: 

It's most likely because Mac don't use .ttf-files which are what you are serving your visitors. I got the same problem right now ;)

Did you find a solution?

Tommy