@fontface代碼不能正確顯示字體，只能從本地來源提取

我有一個非常持久的@fontface問題，我知道我必須缺少一些簡單的東西。我有一個測試樣機here。@fontface代碼不能正確顯示字體，只能從本地來源提取

問題：文本應該是Tiemann Light，但默認爲Times。

它在webkit瀏覽器中工作正常，沒有別的。我真的在這裏搜索了類似的問題，需要它在Firefox，IE 9 Webkit瀏覽器等上顯示。我不知道我錯過了什麼，我嘗試了各種排列方式，在我看到的各種樣式中混淆了語法，嘗試了絕對字體路徑，相關字體路徑無濟於事。

由於提前，

大衛

的代碼如下：

<style> 

@font-face { 
font-family:Tiemann; 
src: url(http://www.diacritica.pe/fonts/tiemannlightwebfont.eot); 
src: url(http://www.diacritica.pe/fonts/tiemannlightwebfont.eot?#iefix) format("embedded-opentype"), 
src: url(http://www.diacritica.pe/fonts/tiemannlightwebfont.woff) format("woff"), 
src: url(http://www.diacritica.pe/fonts/TiemannLight.ttf) format("truetype"), 
src: url(http://www.diacritica.pe/fonts/tiemannlightwebfont.svg) format("svg"); 
} 

span{ 
font-family:Tiemann; 
font-size:14pt; 
color:#376092; 
} 

</style> 

</head> 

<body> 

<span>This should be in Tieman Light with Color. -- DIACRÍTICA -- </span> 

</body>

來源

2013-07-08 dgetzin

不能確定它是否是問題的根源，但我首先擺脫了XHTML文檔類型定義。（'