Grow your CSS skills. Land your dream job.

@font-face not responsive… IE, FireFox, Safari

  • # June 19, 2009 at 7:35 pm

    Ok, so I have been experimenting with the CSS3 @font-face code on a couple of projects. I have had approximately 20% success in rendering the page correctly, and it’s an all or nothing proposition; either it works in all browsers or none. Could it be the fonts I’m using? I’ve tried several… one called Perpetua, a couple downloaded from http://www.1001freefonts.com/ (great site for fonts, by the way), and they just don’t seem to take. I’m specificallly NOT installing them to test the code.

    This is sample code, as I’ve been entering it, with a link to the font download. I believe I’m entering all of the font info correctly including the font name but maybe not ?!?!

    Font link: http://www.1001freefonts.com/winfonts/armaliterifle.zip

    Code:
    @font-face {
    font-family: “Armalite Rifle”; src: url(‘armalite.ttf’) format(‘truetype’);
    }

    .stencil {
    font: 20px “Armalite Rifle”, Serif;
    }

    Anyone had any similar issues? I realize this is new stuff (long overdue). Could really use some feedback.
    Mike

    Rob
    # June 20, 2009 at 3:30 am

    not had a play with it yet tbh

    have you seen

    http://www.css3.info/preview/web-fonts-with-font-face/

    it might give you some pointers?

    :)

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

You must be logged in to reply to this topic.

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