CSSでWebページフォントを変更する方法

シンプルなスタイルオプションを使用すると、CSS（カスケードスタイルシート）を使用してWebページのフォント（またはタイプ）を変更できます。個々の単語、特定の文章、見出し、全体の段落、およびテキストのページ全体のフォントを設定することができます。

CSSでフォントを変更する方法

HTMLエディタまたはテキストエディタを使用して、HTMLおよびCSSの変更を以下で説明します。ページからテキストをコピーしてエディタに貼り付けて、そこに変更を加えたり、エディタでWebページ全体を開いたり、直接編集したりすることができます。

1. フォントを変更する場所のテキストを探します。これを例として使用します：

   このテキストはArialにあります

2. SPAN要素でテキストを囲む：

   このテキストはArialにあります

3. 属性を追加する style = "" スパンタグに：

   このテキストはArialにあります

4. スタイル属性内では、 フォントファミリー スタイル。

   このテキストはArialにあります

   

5. 変更を保存して、エフェクトを確認します。

CSSを使ってフォントを変更するためのヒント

1. 最善の方法は、フォントスタックに少なくとも2つのフォント（フォントのリスト）を常に置くことです。ブラウザに最初のフォントがない場合は、代わりに2番目のフォントを使用できます。

   複数のフォントの選択肢をカンマで区切ります。

   フォントファミリ：Arial、Geneva、Helvetica、sans-serif;

2. 上で説明した例では、インラインスタイルを使用していますが、最良のスタイルのスタイルは外部スタイルシートを使用するため、1つの要素以上に影響を与えることができます。クラスを使用してテキストのブロックにスタイルを設定できます。

   このテキストはArialにあります

   この例では、上記のHTMLをスタイルするCSSファイルは次のようになります。

   .arial {font-family：Arial; }

   

3. 常にCSSスタイルをセミコロン（;）で終わらせます。スタイルが1つしかない場合は必須ではありませんが、始めるのは良い習慣です。