Question

我正在尝试嵌入字体＆＃34; gothamcondensed＆＃34;在我的网站上，但它没有工作，我使用font-squirrel的@ font-face。我刚刚在服务器上移动了我的字体并更改了网址，但它无法正常工作。

有什么建议吗？我真的需要一个建议。下面是我的代码：

    @font-face { 
    font-family: 'gothamcondensedbold';
    src: url('http://some-url.com/zts-fonts/gothamcondensed-bold_0-webfont.eot');
    src: url('http://nx3corp.com/zts-fonts/gothamcondensed-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://nx3corp.com/zts-fonts/gothamcondensed-bold_0-webfont.woff2') format('woff2'),
         url('http://nx3corp.com/zts-fonts/gothamcondensed-bold_0-webfont.woff') format('woff'),
         url('http://nx3corp.com/zts-fonts/gothamcondensed-bold_0-webfont.ttf') format('truetype'),
         url('http://nx3corp.com/zts-fonts/gothamcondensed-bold_0-webfont.svg#gothamcondensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}    body {
    margin:0;
    padding:0;
    font-family: 'gothamcondensedbold';
}

Answer 1

问题似乎与跨域字体请求有关。您可能希望将其放入服务器上的.htaccess或httpd.conf文件中：

# Apache config
<FilesMatch ".(eot|ttf|otf|woff)">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>

# nginx config
if ($filename ~* ^.*?\.(eot)|(ttf)|(woff)$){
    add_header Access-Control-Allow-Origin *;
}

有关详细信息，请点击此处：http://davidwalsh.name/cdn-fonts

或者，如果可以选择将字体上传到同一台服务器！

字体嵌入不起作用

1 个答案: