クライアント サイトのアイコンに @font-face を使用していますが、開発サーバーではすべて正常に動作します。ただし、クライアント ホストでは、Chrome、Firefox、および Safari で空の文字としてレンダリングされます。
- フォントフォルダーとファイル自体のアクセス許可を777に変更してみました
- Chrome 開発者ツールは、200 ステータスでダウンロードされたフォント ファイルを表示します
- 私たちの開発サーバーは、Chrome でこの警告「リソースはフォントとして解釈されますが、MIME タイプ application/octet-stream で転送されます」を生成します。クライアントのサーバーで、「リソースはフォントとして解釈されますが、MIME タイプは text/html で転送されます」というメッセージが表示されます。.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;
}
/wp/ の .htaccess
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)