CSSを使ってWebページのフォントを変更する方法

FONT要素はHTML 4で廃止されましたが、HTML5仕様の一部ではありません。 したがって、Webページのフォントを変更したい場合は、 CSS(Cascading Style Sheets )を使用してWebページのフォントを変更する方法を学ぶ必要があります。

CSSでフォントを変更する手順

  1. テキストHTMLエディタを使用してWebページを開きます 。 新規または既存のページにすることができます。
  2. テキストを書く: このテキストはArialにあります
  3. SPAN要素でテキストを囲む: このテキストはArialにあります
  4. スパンタグに属性style = ""を追加します。 このテキストはArialにあります
  5. style属性内で、font-familyスタイルを使用してフォントを変更しますこのテキストはArialにあります

CSSでフォントを変更するためのヒント

  1. 複数のフォントの選択肢をカンマ(、)で区切ります。 例えば、
    1. フォントファミリ:Arial、Geneva、Helvetica、sans-serif;
    2. フォントスタックに少なくとも2つのフォント(フォントのリスト)を常に置くのが最善です。ブラウザに最初のフォントがない場合は、代わりに2番目のフォントを使用できます。
  2. CSSスタイルは常にセミコロン(;)で終了してください。 スタイルが1つしかない場合は必須ではありませんが、入るのはいい習慣です。
  3. この例では、インラインスタイルを使用していますが、最適なスタイルのスタイル外部スタイルシートに配置されているため、1つの要素以上に影響を与えることができます。 クラスを使用してテキストのブロックにスタイルを設定できます。 例えば:
    1. class = "arial">このテキストはArialにあります
    2. CSSの使用:
    3. .arial {font-family:Arial; }