Question

我正在尝试让IE9显示自定义字体。应该很容易...研究了大量的谷歌网站，甚至stackoverflow问题。这就是我所拥有的：

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

但IE9顽固地拒绝合作。实时网站是：http://family.steps.org.au

适用于所有浏览器和IE 7＆amp; 8，除了IE9 :(

修改

这是我添加到我的nginx配置中以使其正常工作：

location ~* \.(eot|ttf|woff)$ {
  add_header Access-Control-Allow-Origin *;
}

Answer 1

您的问题与您的HTTP标头有关。尝试将此添加到您的Apache配置文件中：

<FilesMatch "\.(ttf|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "http://mydomain.com"
    </IfModule>
</FilesMatch>

将mydomain.com替换为您的域名。你在ie9中得到了一个跨源错误，因为你可能没有在你的配置中正确设置.ttf文件。上面的代码应该解决这个问题。仔细检查，因为您可能已在配置中使用此功能，但可能没有指定所有文件类型。

IE9拒绝加载自定义字体？

1 个答案: