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