Question

我的自定义字体中只有一种是在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');
}

Answer 1

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

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中查询错误消息。首先点击：Google warning: Resource interpreted as Font but transferred with MIME type application/octet-stream

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将解决此问题。

我的自定义字体中只有一种是在Firefox中渲染的

1 个答案: