我正在尝试让 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 http://family.steps.org.au
它适用于所有浏览器和 IE 7 & 8,除了 IE9 :(
Edit
这是我添加到 nginx 配置中以使其正常工作的内容:
location ~* \.(eot|ttf|woff)$ {
add_header Access-Control-Allow-Origin *;
}
您的问题与您的 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 文件。上面的代码应该可以解决这个问题。请仔细检查,因为您的配置中可能已经有此内容,您可能只是没有指定所有文件类型。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)