Question

我正在努力让Font-Awesome与我自己托管的WordPress博客（debian机器）一起工作

到目前为止我尝试过：

将其插入/usr/share/wordpress/.htaccess和\或/etc/apache2/sites-available/wordpress.conf和\或/etc/apache2/proxy.conf

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

我尝试在theme.css和\或自定义CSS和\中插入此内容，或通过Chrome调试控制台手动编辑。

@font-face {
    font-family: 'FontAwesome';  src: url('../font/fontawesome-webfont.eot?v=4.5.2');  
    src: url('../font/fontawesome-webfont.eot?#iefix&v=4.5.2') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=4.5.2') format('woff'), url('../font/fontawesome-webfont.ttf?v=4.5.2') format('truetype'), url('../font/fontawesome-webfont.svg?v=4.5.2#fontawesomeregular') format('svg');
    font-weight: normal;  font-style: normal;
}

我现在确定我已经尝试了所有组合，并且所有font-awesome.css和字体awesome字体的导入都是4.5.2版本

我必须做些什么来使这件事有效？

我的网站链接是http://gun-gummybears.it/?page_id=414，正如您所看到的，font-awesome无效。

Answer 1

我发现了一些你可能觉得有用的东西。看起来有些东西没有妥善安排。试一试。

这是我发现的：

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

# webfont mime types
AddType application/vnd.ms-fontobject  eot
AddType font/truetype                  ttf
AddType font/opentype                  otf
AddType application/x-font-woff              woff

# webfonts and svg:
<IfModule mod_deflate.c>
  <FilesMatch "\.(ttf|otf|eot|svg)$" >
    SetOutputFilter DEFLATE
  </FilesMatch>
</IfModule>

如果仔细观察已切换标签FilesMatch和IfModule的顺序。我们还为每个文件扩展名使用了AddType。

此文本应放在根Wordpress目录中的.htaccess文件中。

以下是此消息的来源： https://gist.github.com/WheresAlice/843983

Answer 2

这可以标记为已解决，发布的Ryan Scott Cady解决了我的问题。

但还有另一个错误，我有一个插件在我的网站上的每个字体上覆盖了FontFamily，我删除了这个插件，一切都很顺利。

只是为了让你知道bugged插件名为“twitch embed plugin”

Answer 3

转到header.php文件（或保存标题代码的位置）并粘贴以下嵌入代码：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Font-Awesome：试图让这个东西与WordPress一起使用

3 个答案: