Question

这应该很简单，但它不起作用，我有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中使用。不确定我在哪里出错了尝试将'更改为'仍然没有。

由于

Answer 1

非常有限的信息，但如果它不在ff工作，即，我打赌它在你的标题：添加到您的.htaccess文件：

AddType application / vnd.ms-fontobject .eot

AddType font / ttf .ttf

AddType font / otf .otf

＆lt; FilesMatch“。（ttf | otf | eot）$”＆gt;

＆lt; IfModule mod_headers.c＆gt;

标题集设置Access-Control-Allow-Origin“*”

＆LT; / IfModule＆GT;

＆LT; / FilesMatch＆GT;

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

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

@ font-face适用于mac所有浏览器，但不适用于windows ff和ie

1 个答案: