Question

我有一个非常持久的@fontface问题，我知道我必须遗漏一些简单的东西。我有一个测试模型here。

问题：文字应该是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>

Answer 1

试试这个：

@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');
 }

@fontface代码无法正确显示字体，仅从本地源绘制

1 个答案: