Question

我正在使用从FontSquirrel生成的一些字体，但似乎IE无法处理字体..我做错了什么？这不是一个公共网页..它是为了在我准备好发布之前在本地平台上工作而建立的，这就是域名在.local结束的原因。

 @font-face {
    font-family: 'proxima_light';
    src: url('http://www.anotherdomain.local/fonts/proximanova-light-webfont.eot');
    src: local('proxima_light'), url('http://www.anotherdomain.local/fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.anotherdomain.local/fonts/proximanova-light-webfont.woff') format('woff'),
         url('http://www.anotherdomain.local/fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('http://www.anotherdomain.local/fonts/proximanova-light-webfont.svg#proxima_nova_ltregular') format('svg');
    font-style: normal;
 }

 @font-face {
    font-family: 'proxima';
    src: url('http://www.anotherdomain.local/fonts/proximanova-regular-webfont.eot');
    src: local('proxima'), url('http://www.anotherdomain.local/fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.anotherdomain.local/fonts/proximanova-regular-webfont.woff') format('woff'),
         url('http://www.anotherdomain.local/fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('http://www.anotherdomain.local/fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
 }

 @font-face {
    font-family: 'proxima';
    src: url('http://www.anotherdomain.local/fonts/proximanova-semibold-webfont.eot');
    src: local('proxima'), url('http://www.anotherdomain.local/fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.anotherdomain.local/fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('http://www.anotherdomain.local/fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('http://www.anotherdomain.local/fonts/proximanova-semibold-webfont.svg#proxima_nova_ltbold') format('svg');
    font-weight: bolder;
    font-style: normal;
 }

正如我所说..只有IE才能处理字体...所有其他浏览器都做得很好..

Answer 1

我不确定这是否有帮助，但IE有一些类似FF的跨域问题。在这种情况下，可能是您的绝对URL使IE认为您的字体是从不同的域提供的。你尝试过使用相对路径吗？

Answer 2

开发人员控制台在提交字体文件时是否返回错误，也可以提供字体文件的响应标题。
如果响应头包含 Cache-Control：no-cache

，我在IE 9中遇到了问题，因为它没有使用字体文件

Css字体在IE中不起作用

2 个答案: