Webページのフォントを変える方法には、HTMLファイルだけに設定する方法とCSSで設定する方法があります。標準的なブラウザやスマートフォンなどでスタイルシートが動作するようになった現在では、HTMLだけに指定する方法はあまり推奨されなくなってきました。しかし簡単なので必要とする人がいるのではと思い、紹介しておきます。

HTMLで変える方法

①フォントの種類を変える方法

<font face=”MS P明朝”>フォントの例</font>

②フォントサイズを変える方法

<font size=”1″>フォントの例</font>

③フォントカラーを変える方法

<font color=”#00ff00″>フォントの例</font>

CSSで変える方法

・HTML

<span class=”Example”>フォントの例</span>

・CSS
①フォントの種類を変える方法

.Example {
font-family:serif;
}

②フォントサイズを変える方法

.Example {
font-size:10pt;
}

③フォントカラーを変える方法

.Example {
color:#00ff00;
}

コードビューのフォントを変える方法

[編集]メニュー-[環境設定]-[フォント]カテゴリでコードビューのフォントを変えられます。

広告

関連コンテンツ