Question

我在客户端网站上使用@ font-face作为图标，在我们的开发服务器上一切正常。但是，在我们的客户主机上，它们会在Chrome，Firefox和Safari中呈现为空字符。

我尝试将字体文件夹和文件本身的权限更改为777
Chrome开发者工具会显示以200状态下载的字体文件
我们的开发服务器在Chrome中生成此警告，＆＃34;资源解释为字体，但使用MIME类型application / octet-stream＆＃34;进行传输。在客户端的服务器上，我们获得＆＃34;资源解释为字体，但使用MIME类型text / html＆＃34;进行传输。我更新了.htaccess文件，但它仍然有相同的警告。

CSS：

@font-face {
    font-family: 'fire';
    src: url("../fonts/fire.eot");
    src: url("../fonts/fire.eot?#iefix") format("embedded-opentype"),
         url("../fonts/fire.woff") format("woff"),
         url("../fonts/fire.ttf") format("truetype"),
         url("../fonts/fire.svg#fire") format("svg");
    font-weight: normal;
    font-style: normal;
}

.htaccess / wp /

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /wp/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /wp/index.php [L]
</IfModule>

# BEGIN MemberPress Rules
<IfModule mod_rewrite.c>
RewriteRule memberpress\/lock\.php$ - [L]
RewriteCond %{REQUEST_URI} !\.  (php|phtml|jpg|jpeg|gif|css|png|js|ico|PHP|PHTML|JPG|JPEG|GIF|CSS|PNG|JS|ICO)
RewriteCond %{REQUEST_URI} !^/wp/(wp-admin|wp-login.php|wp-comments-post.php|xmlrpc.php)
RewriteRule . /wp/wp-content/plugins/memberpress/lock.php [L]
</IfModule>
# END MemberPress Rules

# END WordPress

我猜这是服务器问题，但除了ftp信息之外，我对他们的服务器了解不多，但如果需要，我可能会获得更多访问权限。我还包括.htaccess文件的wordpress位，因为我不确定这是否会影响我添加的规则。

有什么想法吗？我在使用@ font-face之前从未遇到过任何问题。

编辑 - 解决了！

我们设法解决了这个问题。事实证明，这是一个阻止该文件的Wordpress插件Memberpress。

我在.htaccess文件中添加了此行的字体文件扩展名：

RewriteCond %{REQUEST_URI} !\.(php|phtml|jpg|jpeg|gif|css|png|js|ico|eot|ttf|otf|woff|svg|PHP|PHTML|JPG|JPEG|GIF|CSS|PNG|JS|ICO|EOT|TTF|OTF|WOFF|SVG)

@ font-face works在客户端的服务器上不起作用

0 个答案: