0

我有一个非常持久的@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>
4

1 回答 1

0

尝试这个:

@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'),
         url('http://www.diacritica.pe/fonts/tiemannlightwebfont.woff') format('woff'),
     url('http://www.diacritica.pe/fonts/TiemannLight.ttf') format('truetype'),
     url('http://www.diacritica.pe/fonts/tiemannlightwebfont.svg#Tiemann') format('svg');
 }
于 2013-07-08T20:44:27.143 回答