这可能只是 Firefox 的问题,但每当使用 www.作为前缀,即使使用绝对路径,嵌入字体也不会加载。
我不知道是否有办法使用 CSS 来加强这一点,或者 www.我需要编辑,但我没有办法解决这个问题。
有人可以分享一些帮助吗?
@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');
}
看来您的问题是跨域问题。从开发人员工具 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 设置为规范并在整个过程中使用它。