1

我有这种字体，我想使用它。我将它上传到我的服务器，并使用 fontface 调用它。它们在 Chrome 和 Safari 上工作得很好，但在 FireFox 上就不行了。我尝试了 .otf 和 .ttf。它们都适用于 Chrome 和 Safari，但不适用于 FireFox。他们也可以与 jsfiddle.net 一起使用。我用谷歌搜索了为什么 FireFox 会这样做，人们说如果我将 .ttf 转换为 .otf，它应该可以工作。但它现在不起作用。有人可以告诉我它有什么问题吗？

     <!doctype html>
     <html>
      <head>
      <meta charset="UTF-8">
    <title>font-test</title>
    <style>
    @font-face {font-family:Hush;  src: local(Hush),       url('http://www.yifanchen.net/temp/Hush.otf') format('opentype');}
      @font-face {font-family:Hush2;  src: local(Hush2), url('http://www.yifanchen.net/temp/hush.ttf') format('truetype');}

   .test h1.otf {font-family:Hush; color:#000;} 
   .test h1.ttf {font-family:Hush2; color:red;}
   </style>
   </head>

   <body>
    <div class="test"> 
   <h1 class="otf">This is a test for Hush.otf.</h1>
   <h1 class="ttf">This is a test for Hush.ttf</h1>
   </div>
   </body>

http://jsfiddle.net/7537247/wUvqe/ 他们确实在 jsfddle 工作，如果你想在 FireFox 中测试它。您可能需要下载它。

4

2 回答 2

2

在 Firefox 中，路径必须在同一个域中。如果您将 src url 设置为另一个域，Firefox 无法找到任何字体。我更改了域，它可以在 FireFox 中使用，并且在 IE 中也可以使用。只是希望这个答案也能帮助其他用户。

于 2012-10-31T21:22:41.243 回答
0

让字体在所有浏览器中都能正常工作非常繁琐，如果您还想支持 Internet Explorer，则需要一些额外的格式。如果您可以在http://fontsquirrel.com找到相同或相似的字体，他们有一个非常简单的“字体工具包”下载，您只需将其复制到您的站点中即可。或者您可以使用他们的模板作为指南，并替换您的字体。

于 2012-10-29T19:37:07.187 回答