Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS @font-face not responsive… IE, FireFox, Safari

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #25211
    atlhuck
    Participant

    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

    #59378
    Rob MacKay
    Participant

    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)
  • The forum ‘CSS’ is closed to new topics and replies.