Firefox is not rendering fonts properly...dammit

Hi, everyone. I have a website at http://silencepress.info and I have trouble with Firefox compatibility regarding embedded fonts. I used fontsquirrel to make an @font-face stylesheet and linked said stylesheet in the code. It works fine on IE and Chrome, but Firefox does not want to render the fonts.

Any help is greatly appreciate, thank you very much.

Here is the web code (note: it is a tumblr theme)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

@font-face in Internet explorer?

Hi guys,

I hope someone could help me with my problem.
I'm trying to get a special font in my css. Here's my code:

@font-face {  
		font-family: "Trajan Pro";
                src: url('default/templates/font/TrajanPro-Regular.ttf') format("truetype"); 
}  

In Chrome, Firefox and Opera it works, except for Internet Explorer.

Is there a special code, of a way I can make this work in Internet Explorer to?

Thanks!

Lotte

@font-face????

Hi

I have been looking at @font-face attribute.
I'm a little confused.

I have added this code as a test:

@font-face {
	font-family: 'Planewalker'; src: url('font/Planewalker.ttf') format('truetype');font-style: normal;}
@font-face {
	font-family: 'League Gothic'; src: url('font/League_Gothic-webfont.ttf') format('truetype');font-style: normal;}
 
.change {
	font-style: normal;
	font-family: Planewalker;
	font-variant: normal;
}
 
.change2 {
	font-style: normal;
	font-family: League Gothic;
	font-variant: normal;
}

Now!

Sizing fallback fonts using @font-face

Hi Guys
Been a long time since I've been here, good to see some familiar names while searching for an answer.

I'm using Tangerine from the Google font API.

Tangerine has a small main body and long / tall ... ahem ... uppy/downy bits (couldn't find out what they're called)
See example http://www.google.com/webfonts/family?family=Tangerine

Need Clarification for @Face-Font Syntax

Greetings,

I'm trying to use @face-font, and I'm unclear how the source URL should go. I'm following these two guides:

They list the source url's like:

@font-face {
	font-family: 'ChunkFiveRegular;
	src: url('Chunkfive-webfont.eot);
	src: local(‚ò∫'),
			 url('Chunkfive-webfont.woff') format('woff'),
			 url('Chunkfive-webfont.ttf') format('truetype'),
			 url('Chunkfive-webfont.svg#webfont') format('svg');
font-weight: normal;

Syndicate content