フォントファイルをロードせずに、Webページにローカルにインストールされた「Jingnanmai Round」を使用する方法は？

Webページのローカルフォントを直接呼び出す方法

Web開発では、システムにインストールされている特定のフォントを使用する必要がある場合があります。たとえば、「Jingnan Mai Round」をインストールし、追加のフォントファイルをロードせずにWebページに直接適用したいと考えています。

次のCSSコードを試したことがありますが、Webページにはデフォルトのフォント（「Microsoft Yahei」など）が引き続き表示されます。

 /*@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;}

これはsrc: url(...)メソッドがサーバーからフォントファイルをロードしようとするためです。ローカルフォントを直接使用するには、CSSを変更する必要があります。

1. @font-faceとlocal()関数を使用します。

 @font-face {
    フォントファミリー： 'Jingnanmaiyuanti'; /*英語のフォント名を使用することをお勧めします*/
    src：local（ 'jingnan mai round body'）;
}

local()関数は、ブラウザにローカルインストールされたフォントを見つけるように指示します。フォント名は、使いやすい英語名JingNanMaiYuanTiに変更されることに注意してください。

2. font-familyプロパティを更新します。

CSSのfont-family属性を変更し、新しく定義されたフォント名を使用します。

 html、body {
    フォントサイズ：18px;
    フォントファミリー： 'Jingnanmaiyuanti'、 'Microsoft yahei'、 'Helvetica Neue'、Helvetica、Arial、Sans-Serif;
}

3. ブラウザを再起動します：ブラウザを再起動して、システムフォントの更新がブラウザによって認識されるようにします。

上記の手順を通じて、Webページは、外部フォントファイルをロードせずに「Jingnan Mai Round」フォントを正しく表示できるはずです。これにより、Webページの読み込み速度が向上します。英語のフォント名を使用すると、潜在的なコーディングの問題を回避できます。

以上がフォントファイルをロードせずに、Webページにローカルにインストールされた「Jingnanmai Round」を使用する方法は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。