Question

这可能只是Firefox的一个问题，但每当使用www访问该网站时。作为前缀，即使使用绝对路径，嵌入字体也不会加载。

我不知道是否有办法使用CSS强化这一点，或者www存在某种DNS问题。我需要编辑，但我没有选择如何解决这个问题。

任何人都可以与此分享一些帮助吗？

http://garrettlockhart.com http://www.garrettlockhart.com

@font-face {
    font-family: 'Book';
    src: url('fonts/futurastdbook.eot');
    src: local('☺'), url('fonts/futurastdbook.woff') format('woff'), url('fonts/futurastdbook.ttf') format('truetype'), url('fonts/futurastdbook.svg') format('svg');
}
@font-face {
    font-family: 'Bold';
    src: url('fonts/FuturaStd-Bold.eot');
    src: local('☺'), url('fonts/FuturaStd-Bold.woff') format('woff'), url('fonts/FuturaStd-Bold.ttf') format('truetype'), url('fonts/FuturaStd-Bold.svg') format('svg');
}
@font-face {
    font-family: 'Medium';
    src: url('fonts/futurastdmedium.eot');
    src: local('☺'), url('fonts/futurastdmedium.woff') format('woff'), url('fonts/futurastdmedium.ttf') format('truetype'), url('fonts/futurastdmedium.svg') format('svg');
}

Answer 1

看起来您的问题是跨域问题。从开发人员工具Web控制台：

[15:16:47.796] downloadable font: download failed (font-family: "Medium" style:normal weight:normal stretch:normal src index:0): bad URI or cross-site access not allowed
source: http://garrettlockhart.com/fonts/futurastdmedium.woff @ http://garrettlockhart.com/style.css

一种解决方法是将一个或另一个URL设置为规范并在整个过程中使用它。

Firefox的@ font-face问题

1 个答案: