質問: オリジナルテーマに使用したフォントが一部適用されない状態です。 例えば、 ``` こんにちは、秋っぽくなりましたね ``` である場合にCSSで、 ``` h1.font-change{ font-family:'shirokuma'; //shirokuma.ttfというフォントなので } ``` と指定した場合に、漢字の秋のみがフォントが変わらないという状態です。 主に漢字に変更がかからない様子です。 ### 行った作業 ・MAMPでオリジナルテーマを作成、テーマフォルダ内にshirokuma.ttf,shirokuma.woff両方混在 ・作成したテーマをローカルのwordpress管理画面からテーマのエクスポートできるプラグインを使用し、 エクスポート ・ファイルをmac ketaでzipファイルにし、レンタルサーバーのwordpressにアップロード ### 結果 ・ローカルでは適用した部分全てに(漢字も含め)反映されているが、レンタルサーバーに移すと部分的に反映されない ### 対策 ・レンタルサーバーにあるFTPにフォントファイルをアップロード→効果なし ・まだこれからですがwordpress管理画面の追加CSSで適用させてみる→効果? ### 追加事項 フォントの登録を追加しましたが、表示に変化がありませんでした。 ``` @font-face { font-family:'shirokuma'; src: url('./css/font-awesome/webfonts/shirokuma.woff') format("Web Open Font Format"); } ``` ### 回答にありましたCSS文を入れて、フォントファイルを直下に入れた場合 ![このような状態に](https://teratail.storage.googleapis.com/uploads/contributed_images/cbc8a6c6171b8ad3f93f9376944b422a.png) ローカルMAMPでは問題ないけれど、サーバーを移すとこうなった。 適応されていないのは一部の漢字のみである。
回答: `@font-face`部分を以下ではどうですか? ``` @font-face { font-family:'shirokuma'; src: url(./css/font-awesome/webfonts/shirokuma.woff) format('woff'); src: url(./css/font-awesome/webfonts/shirokuma.ttf) format('truetype'); } ``` ※一部編集しました。 ※変更個所:url部の引用符削除。format部の名称変更。 -追記- 試しにダウンロードしてサーバーへアップしてみました。 指定したwebフォントで表示され、漢字の抜けもなく、表示されました。 !イメージ説明 フォントファイルの再変換、再アップ、パス位置、誤字脱字等、各設定の見直しをしてみてください。 -追記2- すみません。他の字を試した見ました。 !イメージ説明 私の環境では、ローカルでもサーバーアップ後のweb閲覧でも同じ状況です。 原因は単純に文字が収録されていないと思います。 早とちりでスミマセン。 m( _ _ ;)m