Webページにローカルにインストールされている「Jingnan Mai Round Body」を使用して、ディスプレイの問題を解決する方法は？

Webページにローカルフォントアプリケーションと表示の問題のトラブルシューティング

Webデザインでは、視覚効果を改善するために特定のフォントを使用することがしばしば必要です。この記事では、「Jingnan Mai Round」を、Webページにローカルインストールされたフォントを適用し、可能な表示の問題を解決する方法を説明する例として取り上げます。

ユーザーがシステムに「Jingnan Mai Round」をインストールしたが、Webサイトでフォントを使用する際に問題の問題に遭遇することを望んでいると仮定します。そのCSSコードは次のとおりです。

 /*@font-face {
    font-family： 'myfont';
    src：url（ '/style1/font/jingnanmai round body.otf'）format（ 'trueType'）;
}*/
html、body {font-size：18px; font-family： "jingnan mai round body"、 "microsoft yahei"、 "helvetica neue"、helvetica、arial、sans-serif;}

Webページには、「Jingnan Mai Round Body」の代わりに「Microsoft Yahei」が表示されます。ユーザーは、フォントをローカルに表示するだけで、フォントファイルが大きいため、 src属性を介して紹介したくないことを明らかにしました。

解決：

重要なのは、CSSコードを調整し、ローカルフォントを正しく適用して適用することです。

まず、 font-familyプロパティを変更します。意思：

フォントファミリー：「Jingnan Mai Round Body」、「Microsoft Yahei」、「Helvetica Neue」、Helvetica、Arial、Sans-Serif;

変更：

フォントファミリー：「MyFont」、「Microsoft Yahei」、「Helvetica Neue」、Helvetica、Arial、Sans-Serif;

第二に、 @font-faceルールを有効にして修正して、「Jingnan Mai Round Body」が正しくロードされていることを確認してください。

 @font-face {
    font-family： 'myfont'; /*大文字と小文字に注意を払ってください*/
    src：local（ 'jingnan mai round'）; /* local（）を使用してローカルフォントを宣言*/
}

local()関数は、ローカルインストールされたフォントの検索に優先順位を付けるようブラウザに指示します。フォントがローカルにインストールされていない場合、ブラウザはフォールバックフォント（「Microsoft Yahei」など）を引き続き使用します。

最後に、ブラウザのキャッシュをクリアするか、ブラウザを再起動してCSSの変更を有効にします。上記の手順に従った後、Webページはローカルテスト環境に「Jingnan Mai Round Body」を正常に表示する必要があります。

以上がWebページにローカルにインストールされている「Jingnan Mai Round Body」を使用して、ディスプレイの問題を解決する方法は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。