Html &引用；“Lithos pro regular”；字体在Firefox中不起作用，但在Chrome和IE中起作用_Html_Css_Firefox_Fonts

Html &引用；“Lithos pro regular”；字体在Firefox中不起作用，但在Chrome和IE中起作用

html css firefox fonts

Html &引用；“Lithos pro regular”；字体在Firefox中不起作用，但在Chrome和IE中起作用,html,css,firefox,fonts,Html,Css,Firefox,Fonts,我有基本的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;

我有基本的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>

.resetsavecontainer
{
宽度：116px；
高度：92px；
浮动：左；
背景：url（../assets/reset，save.png）不重复；
保证金：42px 0px 0px 8px；
}
.resetsavecontainer span
{
字体：13px“Lithos Pro Regular”；
颜色：#FFF；
显示：内联块；
保证金：11px 0px 0px 12px；
光标：指针；
}
重置
拯救

由于字体与所有浏览器兼容，请尝试以下方法：

@font-face
{
  font-family: yourfont;
  src: url(path_of_font );
}

div
{
  font-family:yourfont;
}

你通过@font-face嵌入字体了吗？没有，我没有添加自定义字体。因此，我没有嵌入@font-face.font在系统中像默认的预定义字体一样应用。CHROME和IE8 9中没有任何问题。只有在FIREFOX中@所有人都会在不同的浏览器中检查链接。字体不适用于Firefox，我只是检查了一下，但得到了不同的结果。Firefox可以正常显示，但Chrome没有。与其依赖系统字体，为什么不直接将字体转换为webfont？您可以使用将Lithos转换为webfont。我相信它会在任何浏览器上正确显示，即使是IE7。它是一种系统字体。。我该走什么路。。我应该手动下载吗？请参考此网站…在URL中它可能对您有用，只需给出您的字体名称并尝试一下即可。