Webページでは、 HTMLフォントまたはWebフォントは表示されるテキストの種類であり、CSSを使用して指定されます。 これまでは、タグ内の属性と値のペアを使用してフォントの側面を変更することができました。 しかし、このタグではHTML 4.1では推奨されておらず、間もなく廃止される予定です。 次のセクションでは、両方の方法の例と、より多くのWebフォントを入手する方法についての情報を示します。

HTML 5やWebサイトのデザイン全般では、フォントの指定にCSSを使用することをお勧めします。 次の例では、フォントが本文で指定されています。これは、利用可能であればブラウザにVerdanaを使用し、代替としてArialを使用し、カラーコード＃333を使用するように指示します。 CSSでは、フォントファミリと色を特定のHTML要素に直接適用したり、クラスまたはIDを使用して特定のHTMLタグに追加したりできます。

 body {font-family：verdana、arial; カラー：＃333。 } 

フォントタグを持つHTMLフォント

コード例

 緑色のVerdanaフォント 

結果の例

Webフォントはどこで入手できますか？

Webページのフォントを取得するための最も簡単な方法の1つは、Google Fontsを使用することです。これは、Googleの何千ものフォントのコレクションです。 これらのフォントは、高速で世界中のサーバーからロードされ、あなたのウェブサイトの見栄えを良くすることができます。

• 利用可能なフォントの一覧については、Googleフォントページを参照してください。

• Webページに表示されるフォントの種類を変更する。

CSS、フォント、HTMLタグ、インターネット用語、Web、Webデザイン用語