Question

我的@ font-face适用于除Firefox以外的所有浏览器。我在某处读到将IE .eot版本放在顶部并将它们包装在条件标签中的方法可行，但它并不适合我。一切都在mamp本地工作，但当我上传它FF不读取字体。这是一个wordpress网站。我尝试过遵循这些建议但却无处可寻： http://wordpress.org/support/topic/plugin-w3-total-cache-font-face-not-working-in-firefox?replies=21

@font-face {
font-family: 'ColaborateThinRegular';
src: url("../fonts/Colaborate-fontfacekit/ColabThi-webfont.eot");
src: url("../fonts/Colaborate-fontfacekit/ColabThi-webfont.eot?#iefix") 
format("embedded-opentype"), 
url("../fonts/Colaborate-fontfacekit/ColabThi-webfont.woff") format("woff"), 
url("../fonts/Colaborate-fontfacekit/ColabThi-webfont.ttf") format("truetype"), 
url("../fonts/Colaborate-fontfacekit/ColabThi-webfont.svg#ColaborateThinRegular") format("svg");
font-weight: normal;
font-style: normal; }

Answer 1

为了回答这个问题，根据您在上述评论中的回复，我会说您的问题是由W3 Total Cache'保存'没有Firefox工作的页面版本引起的。

当你进行前端更改/ css更改时，请确保点击“清空所有缓存”按钮。

有关详细信息，请务必查看W3 Total Cache documentation，我建议您同时查看tutorial video。

如果问题再次出现（特别是在Firefox中），请下载并安装Firebug plugin并检查您的页面是否有错误等。

希望这会有所帮助。

@ font-face无法在Firefox中使用wordpress

1 个答案: