Css 字体在 IE 中不起作用

Question

我正在使用一些从 FontSquirrel 生成的字体，但 IE 似乎无法处理这些字体。我做错了什么？这不是一个公共(public)网页。它是为在本地平台上工作而构建的，直到我准备好发布，这就是域名以 .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 认为您的字体是从不同的域提供的。您是否尝试过使用相对路径？