自定义字体无法在Firefox上呈现


Custom fonts not rendering on Firefox

为什么我的自定义嵌入字体不能在Firefox上呈现&IE。它在Chrome和我的本地机器上渲染。我已经正确地嵌入了它们

请查看下面的FF &Chrome和你会看到的区别:http://www.superiorbondcleaning.com.au/devsite/

我正在开发网站,我知道有重定向问题,所有的链接都重定向到父网站。会是这个原因吗?

以下是我在WordPress永久链接编辑器中看到的.httacess规则:
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /devsite/
RewriteRule ^index'.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /devsite/index.php [L]
</IfModule>

有谁能告诉我为什么不在FF工作吗?IE,但它是在Chrome工作?谢谢。

问题是当您打开Firefox错误控制台时出现以下错误:

downloadable font: download failed (font-family: "FuturaStd-CondensedLight" style:normal weight:normal stretch:normal src index:2): bad URI or cross-site access not allowed source: http://superiorbondcleaning.com.au/devsite/wp-content/themes/canvas-scb/includes/fonts/FuturaStd-CondensedLight.ttf .

为了使用自定义字体,请提供绝对URL,而不是像现在这样提供相对URL。

将以下行中的URL替换为绝对URL(也适用于其他字体),然后清除浏览器缓存并再次测试:

@font-face {
    font-family: 'FuturaStd-CondensedBold';
    src: url('includes/fonts/FuturaStd-CondensedBold.eot');
    src: url('includes/fonts/FuturaStd-CondensedBold.eot?#iefix') format('embedded-opentype'), url('includes/fonts/FuturaStd-CondensedBold.woff') format('woff'), url('includes/fonts/FuturaStd-CondensedBold.ttf') format('truetype'), url('includes/fonts/FuturaStd-CondensedBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;