All Posts by Email, Once a Week

Media Temple logo

CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.

@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 (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:

    @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.

    # June 20, 2009 at 3:30 am

    not had a play with it yet tbh

    have you seen

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed