0

这应该很简单,但它不起作用,我有以下来自 Font Squirrel 的代码:

@font-face {
font-family: 'ResagokrRegular';
src: url('resagokr-webfont.eot');
src: url('resagokr-webfont.eot?#iefix') format('embedded-opentype'),
     url('resagokr-webfont.woff') format('woff'),
     url('resagokr-webfont.ttf') format('truetype'),
     url('resagokr-webfont.svg#ResagokrRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
    font-family: 'ResagokrBold';
    src: url('resagokrbold-webfont.eot');
    src: url('resagokrbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('resagokrbold-webfont.woff') format('woff'),
         url('resagokrbold-webfont.ttf') format('truetype'),
         url('resagokrbold-webfont.svg#ResagokrBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ResagokrLight';
    src: url('resagokrlight-webfont.eot');
    src: url('resagokrlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('resagokrlight-webfont.woff') format('woff'),
         url('resagokrlight-webfont.ttf') format('truetype'),
         url('resagokrlight-webfont.svg#ResagokrLight') format('svg');
    font-weight: normal;
    font-style: normal;
    }

它适用于所有mac浏览器,但不适用于ff或windows,顺便说一句,chrome适用于windows。不确定我哪里出错了尝试将 ' 更改为 " 仍然没有。

谢谢

4

1 回答 1

0

给出的信息非常有限,但如果它在 ff 和 ie 中不起作用,我敢打赌它在你的标题中:将它添加到你的 .htaccess 文件中:

AddType application/vnd.ms-fontobject .eot

AddType 字体/ttf .ttf

AddType 字体/otf .otf

<FilesMatch ".(ttf|otf|eot)$">

<IfModule mod_headers.c>

标头集 Access-Control-Allow-Origin "*"

</IfModule>

</文件匹配>

参考: http ://www.cssbakery.com/2010/07/fixing-firefox-font-face-cross-domain_25.html

如果您仍然遇到 IE 问题,我敢打赌这是 IIS 问题

于 2012-06-01T17:42:09.410 回答