0

只有我的一种自定义字体在 Firefox (DroidSans) 中呈现

我的网站是：www.callumritchie.com

请帮忙！

谢谢你。

@font-face {
font-family: 'Znikomit-forMac';
src: url('Znikomit-forMac.eot?#iefix') format('embedded-opentype'), 
     url('Znikomit-forMac.woff') format('woff'), 
     url('Znikomit-forMac.ttf')  format('truetype'),
     url('Znikomit-forMac.svg#svgDroidSans') format('svg'),
         url('Znikomit-forMac.otf') format('otf');

}


@font-face {
font-family: 'StMarie-Thin';
src: url('StMarie-Thin.eot?#iefix') format('embedded-opentype'), 
     url('StMarie-Thin.woff') format('woff'), 
     url('StMarie-Thin.ttf')  format('truetype'),
     url('StMarie-Thin.svg#svgStMarie-Thin') format('svg')
         url('StMarie-Thin.otf') format('otf');
}


@font-face {
font-family: 'DroidSans';
src: url('DroidSans.eot?#iefix') format('embedded-opentype'), 
     url('DroidSans.woff') format('woff'), 
     url('DroidSans.ttf')  format('truetype'),
     url('DroidSans.svg#svgDroidSans') format('svg');
}
4

1 回答 1

0

您的浏览器有一个错误控制台（Firefox：工具 > 错误控制台。选择错误选项卡）。当我打开 www.callumritchie.com 我的（Google Chrome）错误控制台时，它显示以下错误：

GET http://www.callumritchie.com/jquery.lazyload.js 404 (Not Found) www.callumritchie.com/:7

没有http://www.callumritchie.com/jquery.lazyload.js。您的网站在 www.callumritchie.com 的第 7 行指向 jquery.lazyload.js。修复路径或将 jquery.lazyload.js 移动到正确的文件夹。

Uncaught TypeError: Object [object Object] has no method 'lazyload' script.js:96

在 script.js 第 96 行，方法“lazyload”有一个 TypeError。我认为 script.js 错过了 jquery.lazyload.js。

Resource interpreted as Font but transferred with MIME type application/x-font-woff: "http://www.callumritchie.com/DroidSans.woff". www.callumritchie.com/:1

如果您不知道错误的含义，您可以在 Google 中查询错误消息。第一次命中：谷歌警告：资源被解释为字体但使用 MIME 类型应用程序/八位字节流传输 

GET http://www.callumritchie.com/JosefinSansStd-Light.woff 404 (Not Found)

就像第一个错误一样。http://www.callumritchie.com/JosefinSansStd-Light.woff未找到。修复文件的路径或移动文件。

www.callumritchie.com/:1
    Resource interpreted as Font but transferred with MIME type application/x-font-woff: "http://www.callumritchie.com/StMarie-Thin.woff". www.callumritchie.com/:1

和另一个一样。

所以你的问题的答案是。1) 字体文件不存在或不在应有的位置。2) 您的服务器为两个字体文件返回了错误的 mime 类型。因此，这些文件被误解了。将正确的 AddType 声明添加到 .htaccess 将解决此问题。

于 2013-08-21T12:01:05.383 回答