wordpressオリジナルテーマで使用しているフリーフォントについて

オリジナルテーマに使用したフォントが一部適用されない状態です。
例えば、

html
1<h1 class="font-change">こんにちは、秋っぽくなりましたね</h1>

である場合にCSSで、

CSS
1h1.font-change{
2font-family:'shirokuma';
3//shirokuma.ttfというフォントなので
4}

と指定した場合に、漢字の秋のみがフォントが変わらないという状態です。
主に漢字に変更がかからない様子です。

行った作業

・MAMPでオリジナルテーマを作成、テーマフォルダ内にshirokuma.ttf,shirokuma.woff両方混在
・作成したテーマをローカルのwordpress管理画面からテーマのエクスポートできるプラグインを使用し、
エクスポート
・ファイルをmac ketaでzipファイルにし、レンタルサーバーのwordpressにアップロード

結果

・ローカルでは適用した部分全てに(漢字も含め)反映されているが、レンタルサーバーに移すと部分的に反映されない

対策

・レンタルサーバーにあるFTPにフォントファイルをアップロード→効果なし
・まだこれからですがwordpress管理画面の追加CSSで適用させてみる→効果？

追加事項

フォントの登録を追加しましたが、表示に変化がありませんでした。

CSS
1@font-face {
2   font-family:'shirokuma';
3   src: url('./css/font-awesome/webfonts/shirokuma.woff') format("Web Open Font Format");
4}

回答にありましたCSS文を入れて、フォントファイルを直下に入れた場合

ローカルMAMPでは問題ないけれど、サーバーを移すとこうなった。
適応されていないのは一部の漢字のみである。

yoshinavi

2018/10/02 02:44

回答にもありますが「@font-face」部分も提示されると良いかと思います。

nonnon8.

2018/10/02 13:29

ありがとうございます。追加しています。

nonnon8.

2018/10/02 13:32

wordpress管理画面のテーマ編集より、フォントを入れているフォルダを見ましたが、woff,ttfのフォントファイルは表示されておらず、あるのは.svgのみでした。

yoshinavi

2018/10/03 23:06

単純に「shirokuma」フォントに該当漢字が収録されていないのでは？該当漢字が収録されているか確認されてみると良いかもです。

nonnon8.

2018/10/03 23:34

ローカル環境では問題なく映るのですが・・・それでも該当漢字が収録されていないということがあるのでしょうか？

yoshinavi

2018/10/03 23:44

どのブラウザでも同じでしょうか？再度フォントのサーバーへのアップと、ブラウザのキャッシュクリアではどうでしょうか？

nonnon8.

2018/10/03 23:49

safari,IE,chromeでキャッシュクリア後に確認しましたが同じでした。フォントのサーバーへのアップというのはどの作業のことですか？

x_x

2018/10/05 04:30 編集

http://fontdasu.com/935 ここによれば漢字は339文字しかないということですが、どうでしょうか？　Ver.1を試してみましたが、提示された画像のようになってますよ

x_x

2018/10/05 06:49

問題の切り分けのため、'shirokuma'ではない名前をつけて試してもらえますか？

nonnon8.

2018/10/05 07:20

ありがとうございます。yoshinaviさんでコメントしている通りで、トライしてみます。

行動規範の内容に同意します

回答4件

自己解決

解決しました。皆様ご迷惑おかけしました。
ありがとうございます。

CSS
1@font-face {
2   font-family:'shirokuma';
3   src: url('./001Shirokuma-Regular.otf') format("OpenType");
4}

フォントバージョンの変更→バージョンアップ
キャッシュ、履歴削除
FTP確認

キャッシュが厄介で、何度かトライしましたが
問題なくみられます。
キャッシュクリアのプラグインもあれば導入予定です。

お騒がせいたしました。
本当にありがとうございます！

投稿2018/10/05 13:40

nonnon8.

総合スコア19

@font-face部分を以下ではどうですか？

CSS
1@font-face {
2   font-family:'shirokuma';
3   src: url(./css/font-awesome/webfonts/shirokuma.woff) format('woff');
4   src: url(./css/font-awesome/webfonts/shirokuma.ttf) format('truetype');
5}

※一部編集しました。
※変更個所：url部の引用符削除。format部の名称変更。

-追記-

試しにダウンロードしてサーバーへアップしてみました。
指定したwebフォントで表示され、漢字の抜けもなく、表示されました。

フォントファイルの再変換、再アップ、パス位置、誤字脱字等、各設定の見直しをしてみてください。

-追記2-

すみません。他の字を試した見ました。

私の環境では、ローカルでもサーバーアップ後のweb閲覧でも同じ状況です。
原因は単純に文字が収録されていないと思います。

早とちりでスミマセン。
m( _ _ ;)m

投稿2018/10/03 23:52

編集2018/10/05 06:50

yoshinavi

総合スコア3523

nonnon8.

2018/10/04 13:10

すみません、変更してみましたが、どこも変化ないみたいです・・・

yoshinavi

2018/10/04 13:19

shirokuma以外のwebフォントが効くかどうか試してみてください。

yoshinavi

2018/10/05 03:30

Googleの提供するwebフォントが、CDNで簡単に設定できますので、他のwebフォントが問題無く表示されるか確認されると良いかと思います。設定参考先： https://saruwakakun.com/html-css/basic/google-fonts#section2

yoshinavi

2018/10/05 06:54

すでに「x_x」さんが同じ内容のコメントを出されてますね。遅くなってスミマセン。

nonnon8.

2018/10/05 07:05

ありがとうございます。もう一度確認してみます。ふと気づいたのですが、このフォントはバージョンが3つほどあるので、最新バージョンかどうか確認してみます。ローカルではすべて表示できており、またワードで確認したところ画像で見せた分はちゃんと表示されていたので。。。 Webフォントは確認済みです。ありがとうございます。フォント登録バージョンを確認してみます。

yoshinavi

2018/10/05 07:08

上記の画像は「x_x」さんと同じく、ver.1のものです。それ以外の他のverは試していないです。

nonnon8.

2018/10/05 07:19

わかりました。ありがとうございます。私のPCにはいくつかバージョンが混在しているので、ローカル環境のwordpress用に作成したテーマCSSを確認してみます。サーバー用に旧バージョンを読み込んでいるかもしれません・・・　一応FTPでアップロードしたフォントファイルは削除してみます。

行動規範の内容に同意します

使用しているテーマフォルダ直下にshirokuma.ttfを配置し、style.cssに以下の記述をすることでフォントが使用できることを確認できたので、試してみてもらえますか。

CSS
1
2@font-face {
3   font-family:'shirokuma';
4   src: url('./shirokuma.ttf') format("truetype");
5}
6h1.font-change{
7	font-family:'shirokuma';
8}