CSS @font-face は Flash や PHP を使用せずに HTML にカスタム フォントを埋め込むことができますか?

HTML でのカスタム フォントのインストール

Q: CSS を使用して HTML でカスタム フォントを実装する

HTMLレイアウトにカスタムフォント(KG June Bug)を組み込む予定です。 Flash や PHP を使用せずに、CSS でこれを促進できますか?

A: カスタム フォント統合のための @font-face

CSS は、これに対処する @font-face 機能を提供しています。

でフォントを宣言します。 CSS:

@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); }
@font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf');}

HTML でフォントを参照します:

<h3>
  font-family: Delicious, sans-serif;
</h3>

具体的な例を示します:

   
    <style>
      @font-face { font-family: JuneBug; src: url('JUNEBUG.TTF'); } 
      h1 {
         font-family: JuneBug
      }
    </style>
   
   
      <h1 id="Hey-June">Hey, June</h1>
   

JUNEBUG.TFF ファイルが次の場所に配置されていることを確認します。 HTML ファイルと同じディレクトリ。

追加ヒント:

フォントは、dafont.com などの Web サイトから入手できます。ダウンロードするフォントのライセンス条項を必ず読んで遵守してください。

以上がCSS @font-face は Flash や PHP を使用せずに HTML にカスタム フォントを埋め込むことができますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。