CSS 导入字体问题

Posted

技术标签:

【中文标题】CSS 导入字体问题【英文标题】:CSS Import Font Issue 【发布时间】:2015-04-02 04:09:39 【问题描述】:

我正在尝试从 web-kit 导入字体。代码已到位,字体已上传到服务器,但不会在现场显示。

CSS

@字体脸 字体系列:'gauntlet_thinregular'; src: url('http://dharmafund.net/fonts/gauntletthin_tb-webfont.eot'); src: url('http://dharmafund.net/fonts/gauntletthin_tb-webfont.eot?#iefix') 格式('embedded-opentype'), url('http://dharmafund.net/fonts/gauntletthin_tb-webfont.woff2') 格式('woff2'), url('http://dharmafund.net/fonts/gauntletthin_tb-webfont.woff') 格式('woff'), url('http://dharmafund.net/fonts/gauntletthin_tb-webfont.ttf') 格式('truetype'), url('http://dharmafund.net/fonts/gauntletthin_tb-webfont.svg#gauntlet_thinregular') 格式('svg'); 字体粗细:正常; 字体样式:正常; h1,h2,h3,h4,h5,h6 字体家族:'gauntlet_thinregular'!重要;

我在 Wordpress 安装上尝试了此代码,它可以正常工作,但在我正在使用的其他平台 (CrowdfundHQ) 上无法正常工作。有什么想法吗?

网址:http://dharma-fund.crowdfundhq.com

谢谢

【问题讨论】:

查看***.com/questions/2892691/… - (包括子域) 理查德,谢谢。将以下代码添加到 .htaccess 工作 【参考方案1】:

将以下代码添加到 .htaccess 后,字体现在正在加载

<FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

【讨论】:

以上是关于CSS 导入字体问题的主要内容,如果未能解决你的问题,请参考以下文章

使用 webpack 和 postcss-loader 导入字体很棒

text 字体真棒css导入

CSS - 导入Google Web 字体

css 大首字母,圆角,导入谷歌字体

Tailwind/CSS 使用自定义字体

在 VueJS 中导入带有字体的 CSS 文件