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