HTMLでのフォントの変更方法


  1. インラインCSSを使用する方法: インラインCSSを使用して、特定のテキスト要素にフォントを適用することができます。以下はその例です。

    <p style="font-family: Arial, sans-serif;">このテキストはArialフォントで表示されます。</p>
  2. スタイルセクションを使用する方法: HTML内の<style>セクションを使用して、特定のスタイルルールを定義することもできます。以下はその例です。

    <style>
     p {
       font-family: Verdana, sans-serif;
     }
    </style>
    <p>このテキストはVerdanaフォントで表示されます。</p>
  3. 外部のCSSファイルを使用する方法: 別のCSSファイルを作成し、HTMLファイルでそれをリンクすることもできます。以下はその例です。

    CSSファイル(styles.css)の

   p {
     font-family: Georgia, serif;
   }

HTMLファイル内でのリンク:

   <link rel="stylesheet" href="styles.css">
   <p>このテキストはGeorgiaフォントで表示されます。</p>

これらはフォントを変更するための基本的な方法です。他にもさまざまな方法がありますが、ここでは主要なものに焦点を当てました。詳細な情報やより高度なオプションについては、HTMLとCSSのドキュメントやチュートリアルを参照してください。