Question

为什么我的自定义嵌入字体无法在Firefox＆amp; IE浏览器。它确实在Chrome和本地计算机上呈现。我已正确嵌入它们

请查看以下链接与FF＆amp; 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＆amp; IE但它在Chrome中运行？感谢。

Answer 1

当您打开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替换为绝对行（也适用于其他字体），然后清除浏览器缓存并再次测试：

@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;

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

1 个答案: