株式会社ララパルーザ
〒840-0863 佐賀市嘉瀬町十五1297-1

装飾

CSSで簡単に変更できる!HPのフォントの種類を変更する方法!

HPの雰囲気によってフォントを変えたい時があると思います。

和風なサイトなら明朝体。

ポップなものならゴシック体というふうに、フォントは様々な種類があります。

基本的に記載方法は同じなのですが、一部変更する部分があります。

 

フォントの種類を変えるCSSの記載方法

フォントを変更するにはCSSで下記のように記載します。

例えば、フォントをMS P明朝に変更したい場合は以下のように記述します。

 
フォントの種類は、大まかに以下の5つに分類されます。

種類 分類 系列のフォント
serif 明朝系 MS明朝、MS P明朝、Garamond、MS Georgia、Times New Romanなど
sans-serif ゴシック系 MSゴシック、中ゴシック、Arialなど
cursive 筆記体・続け文字 caflisch script、ex pontoなど
fantasy 装飾体 critter、studzなど
monospace 等幅フォント Osaka-等幅、courier、Courier Newなど

 

HTMLの書き方の例

実際に”明朝”と”ゴシック”を表示するように記載すると下記のようになります。

See the Pen
bGVJOBy
by 金山 正興 (@kanayama)
on CodePen.

以上になります。

もし、お悩みの方はコピペでお使いください。

 

よくわからない!面倒臭い!そんな時は弊社にお任せください!

コピペをしてもいいと言われても、どこにすればいいのか?

もし間違えたらHPが壊れてしまうのでは?

HTML?CSS?よくわからない!

そんなお悩みをお持ちの方は、是非WEBの便利屋Lallapalloozaにお任せください!

 
下記のお申し込みページにて、ご相談・ご依頼の受付を行っております。

お申し込み後24時間以内に、お見積りと決済リンクをご連絡させていただきます。

-装飾

Copyright© Web(ウェブ)の便利屋Lallapallooza(ララパルーザ) , 2020 All Rights Reserved.