css - Firefox 的@font-face 问题

Question

这可能只是 Firefox 的问题，但每当使用 www.作为前缀，即使使用绝对路径，嵌入式字体也不会加载。

我不知道是否有办法使用 CSS 来加强这一点，或者 www.我需要编辑，但我无法解决这个问题。

有人可以分享一些帮助吗？

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 设置为规范并在整个过程中使用它。