css - 为什么@font-face 在 safari 上工作而不在 firefox 上工作？ (Mac 版本)

Question

我在网站的 CSS 文件中使用了以下内容。它适用于 safari 但不适用于 Firefox。如果这看起来是一个简单的问题，我是一个新手，对此深表歉意。现在已经尝试了 3 个小时。

@font-face { 字体系列:手写； 来源:网址(http://example.com/handwriting.ttf)；

提前谢谢你。

Answer 1

Firefox 阻止加载来自不同域的字体，除非它们与 HTTP access control headers 一起发送。 .

如果您从同一域提供字体，请使用相对路径。如果 handwriting.ttf 与您的 css 文件位于同一目录中，那么您将使用:

@font-face { font-family: handwriting; src: url(handwriting.ttf); }