0

我正在使用 css

 @font-face {
 font-family: ChangaOne-Regular;
 src: url({{ 'changaone-regular.eot' | asset_url }});
 src: url({{ 'changaone-regular.eot?#iefix' | asset_url }}) format('embedded-opentype'),  url({{ 'changaone-regular.woff' | asset_url }}) format('woff'),  url({{ 'changaone-regular.ttf' | asset_url }}) format('truetype'),  url({{'changaone-regular.svg#changaone-regular' | asset_url }}) format('svg');
 font-weight: normal;
 font-style: normal;
}

我已将字体保存在图像文件夹中。由于它没有采用字体，因此我在我的 css 文件的文件夹中创建了字体的副本。

现在它在 chrome 上完美运行。但是在 Mozilla 中，字体没有被读取。我发现我们可以通过将 htaccess 添加到包含内容的 css 文件的文件夹来解决此问题

<FilesMatch "\.(ttf|otf|eot|woff|font.css)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

这在Firefox中也没有任何区别。那么我们该如何解决这个问题呢？任何想法？

4

1 回答 1

1

尝试使用字体文件的绝对 URL。

于 2013-01-25T11:06:38.837 回答