Question

我正在使用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没有任何影响。那我们怎么解决这个问题呢？任何的想法？

Answer 1

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

使用Shopify时在mozilla上使用@ font-face的问题

1 个答案: