wp-content目录.htaccess安全规则致全站Font Awesome图标失效求解决

你的问题根源在于当前.htaccess规则未放行Font Awesome依赖的字体文件格式。Font Awesome主要通过.woff、.woff2、.eot、.svg、.ttf这类字体文件渲染图标，而你的规则只允许了图片、样式、脚本等文件，这些字体后缀不在允许列表内，因此被deny from all拦截，导致图标无法加载。

只需把缺失的字体文件后缀添加到<Files>规则的正则匹配中即可，修改后的完整代码如下：

order deny,allow
deny from all
<Files ~ "\.(xml|css|jpe?g|png|gif|js|woff|woff2|eot|svg|ttf)$">
Allow from all
</Files>

补充说明 #

• 若不确定站点实际用到的Font Awesome文件格式，可打开浏览器开发者工具的「网络」面板，刷新页面后查看返回403状态的请求，将对应文件后缀补充到规则里即可。
• 保留png规则不会影响图标显示，之前移除后恢复只是巧合（比如你的站点同时存在svg格式的图标资源，而svg未被放行），现在添加全字体后缀后，png规则可正常保留，不影响安全和图标功能。

内容的提问来源于stack exchange，提问作者Ameer Hamxa