これをstyle.cssに追加すると機能します：
* { font-family: "Courier New", Courier, monospace; }
おそらく、Courier Newは広く人気があり、サポートされているためです。ただし、カスタムフォントでこれを使用しても機能しません：
@font-face { font-family: "new-baskerville"; font-style: normal; src: url("/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot"); src: local("new-baskerville"), url("/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot") format("embedded-opentype"), url("/wp-content/uploads/useanyfont/190811081519New-Baskerville.woff") format("woff"); }
または@font-faceを
も機能しません。ファイルはパスに存在します。その理由をご存知ですか？
コメント
回答
この記事には、@font-faceに関する非常に役立つ情報と、万が一の場合に備えて互換性の問題があります。
ここにいくつかの潜在的な改善点があります。 @ font-faceセクション：
- srcエントリの1つに「ローカル」がリストされています。それを削除してみてください。
- ファイルに明示的なアドレス指定を使用してみてください。
- 実際にフォントファイルを開くことができるか、少なくとも404エラーが発生しないことを確認してください。
- IE用と最新のブラウザ用の2つのsrcエントリを使用して、ファイルをリストしてみてください。
- フォントファイルがSafariおよびモバイルブラウザ用のTTFファイルを提供しているかどうかを確認してください。
`
@font-face { font-family: "newBaskerville"; src: url("https://{your-domain}.com/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot"); src: url("https://{your-domain}.com/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot?#iefix") format("embedded-opentype"), url("https://{your-domain}.com/wp-content/uploads/useanyfont/190811081519New-Baskerville.woff") format("woff"); }
最後に、上記のCourierの例のように、フォールバックスタイルでフォントを体に適用します。
body{ font-family: "newBaskerville", Courier, monospace; }
注：必ず同じものを使用してください名前を定義するときと同じように、名前を適用するときの名前。私の場合は「newBaskerville」で、スペースや句読点の問題を回避します。
コメント