html - @font-face 不适用于 www - firefox

Question

在我的站点中，我使用带有此代码的特定字体:

@font-face {
font-family: 'monotype';
src: url('/static_frontend/monotype.eot'); /* IE9 Compat Modes */
src: url('/static_frontend/monotype.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('/static_frontend/monotype.woff') format('woff'), /* Modern Browsers */
     url('/static_frontend/monotype.ttf')  format('truetype'); /* Safari, Android, iOS */
}

当我用 www 打开网站时。该字体未加载到 Firefox 中。在所有其他浏览器中，一切都很好。在 Firefox 中，字体只能在没有 www 的情况下使用。

如果有人遇到过类似的问题请留言。 提前致谢!

Answer 1

考虑使用 Google Fonts .如果这对您来说还不够可行，我不久前遇到过类似的问题。发生这种情况是因为字体位于与原始文件不同的域或子域中。