Grow your CSS skills. Land your dream job.

@font-face works in Safari but not Firefox?

  • # August 11, 2010 at 2:56 pm

    Hi,
    i got the @font-face working in Safari and until recently also in Firefox, but suddenly the alternate fonts are displayed (only in FF) and i cant find a solution for it:

    Code:
    @font-face {
    font-family: la;
    src: url(http://somesite.com/la.otf);
    }

    Can anyone help?

    # August 11, 2010 at 3:00 pm

    What is your code for attaching the font to an element.

    # August 11, 2010 at 3:05 pm

    font-family: la,verdana;

    thanks for the super fast reply!

    # August 11, 2010 at 3:19 pm

    Make sure your @font-face comes first, but the reason is probably because your url to the file doesn’t have apostrophes in it.
    ===> src: url(http://somesite.com/la.otf);

    # August 11, 2010 at 3:23 pm

    i tested it with ‘ and ", nothing works

    # August 11, 2010 at 4:21 pm

    Solved:
    I just did a fresh install of firefox in a virtual machine and it worked just fine! Seems to be some kind of weird caching problem ( cleared every cache from within the app )

    Thank god, never had that before!

    # August 11, 2010 at 4:38 pm

    Yeah, firefox has some weird caching issues. You’ll get them sometimes.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".