【发布时间】：2013-12-30 19:15:44
【问题描述】：
我有基本的 Html 页面。我希望字体使用“Lithos Pro Regular”作为其字体系列，但该字体在 IE 8 ,9 和 Chrome 中应用良好，但不适用于 Firefox。
<style>.resetsavecontainer
{
width:116px;
height:92px;
float:left;
background:url(../assets/reset,save.png) no-repeat;
margin:42px 0px 0px 8px;
}
.resetsavecontainer span
{
font: 13px "Lithos Pro Regular";
color:#FFF;
display:inline-block;
margin: 11px 0px 0px 12px;
cursor:pointer;
}
</style>
<body>
<div class="resetsavecontainer">
<span>RESET</span>
<span>SAVE</span>
</div>
</body>
【问题讨论】：
-
您是否通过@font-face 嵌入了字体？
-
不，我没有添加自定义字体。所以我没有嵌入@font-face。
-
字体正在应用系统中的默认预定义字体。在 CHROME 和 IE8 9 中没有问题。仅在 FIREFOX 中。
-
jsfiddle.net/7DV7P @all 在不同的浏览器中查看链接。字体不适用于 Firefox
-
我刚刚检查过，但我得到了不同的结果。 Firefox 正确显示它，但 Chrome 没有。与其依赖系统字体，为什么不直接将字体转换成 webfont 呢？您可以使用webfont generator 将 Lithos 转换为 webfont。我相信它会在任何浏览器甚至 IE7 上正确显示。