HOME  > Web design  >

[CSS]  font-familyで指定したフォントの一覧

プロパティ font-family はフォントの種類を指定します。


記述例　<p>タグのフォントをCSSで指定する。

p {
         font-family:'優先１','優先２',sans-serif;
   }

システムに登録されているフォントは、システム毎で異なるので、優先１、優先２・・・のように複数記載して、最後にどのシステムでも反映されるように総称ファミリ（sans-serif は一例です）を指定します。

フォント名にスペースが含まれていることを考慮して、シングルクォーテーション'で囲みます。


!!! 注意：下表の表示サンプルは、環境により見えかたが異なります。 !!!

下表を、各ブラウザで表示した画面キャプチャをリンク画像で表示します

Safari(macOS Sierra)

Microsoft Edg(Windows 10)

Google Chrome(macOS Sierra)

font-familyの値 表示サンプル
未設定 abc ABC 012 あいう アイウ ０１２ 壱弐参
sans-serif abc ABC 012 あいう アイウ ０１２ 壱弐参 総称ファミリ名：ゴシック体
arial abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
arial black abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
arial narrow abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
arial unicode ms abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
Century Gothic abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
Franklin Gothic Medium abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
Gulim abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
Dotum abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
Haettenschweiler abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
Impact abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
Ludica Sans Unicode abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
Microsoft Sans Serif abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
MS Sans Serif abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
MV Boil abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
New Gulim abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
Tahoma abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
Trebuchet abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
Verdana abc ABC 012 あいう アイウ ０１２ 壱弐参 ゴシック系
serif abc ABC 012 あいう アイウ ０１２ 壱弐参 総称ファミリ名：明朝体
Batang abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Book Antiqua abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Bookman Old Style abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Century abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Estrangelo Edessa abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Garamond abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Gautami abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Georgia abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Gungsuh abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Latha abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Mangal abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Mangal abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
PMingLiU abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Palatino Linotype abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Raavi abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Roman abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Shruti abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Sylfaen abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Times New Roman abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
Times New Roman abc ABC 012 あいう アイウ ０１２ 壱弐参 明朝体系
monospace abc ABC 012 あいう アイウ ０１２ 壱弐参 総称ファミリ名：等幅フォント
BatangChe abc ABC 012 あいう アイウ ０１２ 壱弐参 等幅フォント
Courier abc ABC 012 あいう アイウ ０１２ 壱弐参 等幅フォント
Courier New abc ABC 012 あいう アイウ ０１２ 壱弐参 等幅フォント
DotumChe abc ABC 012 あいう アイウ ０１２ 壱弐参 等幅フォント
GlimChe abc ABC 012 あいう アイウ ０１２ 壱弐参 等幅フォント
GungsuhChe abc ABC 012 あいう アイウ ０１２ 壱弐参 等幅フォント
HG行書体 abc ABC 012 あいう アイウ ０１２ 壱弐参 等幅フォント
Lucida Console abc ABC 012 あいう アイウ ０１２ 壱弐参 等幅フォント
MingLiU abc ABC 012 あいう アイウ ０１２ 壱弐参 等幅フォント
ＭＳ ゴシック abc ABC 012 あいう アイウ ０１２ 壱弐参 等幅フォント
ＭＳ 明朝 abc ABC 012 あいう アイウ ０１２ 壱弐参 等幅フォント
OCRB abc ABC 012 あいう アイウ ０１２ 壱弐参 等幅フォント
SimHei abc ABC 012 あいう アイウ ０１２ 壱弐参 等幅フォント
SimSun abc ABC 012 あいう アイウ ０１２ 壱弐参 等幅フォント
Small Fonts abc ABC 012 あいう アイウ ０１２ 壱弐参 等幅フォント
Terminal abc ABC 012 あいう アイウ ０１２ 壱弐参 等幅フォント
fantasy abc ABC 012 あいう アイウ ０１２ 壱弐参 総称ファミリ名：装飾系
alba abc ABC 012 あいう アイウ ０１２ 壱弐参 装飾系
alba matter abc ABC 012 あいう アイウ ０１２ 壱弐参 装飾系
alba super abc ABC 012 あいう アイウ ０１２ 壱弐参 装飾系
baby kruffy abc ABC 012 あいう アイウ ０１２ 壱弐参 装飾系
Chick abc ABC 012 あいう アイウ ０１２ 壱弐参 装飾系
Croobie abc ABC 012 あいう アイウ ０１２ 壱弐参 装飾系
Fat abc ABC 012 あいう アイウ ０１２ 壱弐参 装飾系
Freshbot abc ABC 012 あいう アイウ ０１２ 壱弐参 装飾系
Frosty abc ABC 012 あいう アイウ ０１２ 壱弐参 装飾系
GlooGun abc ABC 012 あいう アイウ ０１２ 壱弐参 装飾系
Jokewood abc ABC 012 あいう アイウ ０１２ 壱弐参 装飾系
Modern abc ABC 012 あいう アイウ ０１２ 壱弐参 装飾系
Monotype Corsiva abc ABC 012 あいう アイウ ０１２ 壱弐参 装飾系
Poornut abc ABC 012 あいう アイウ ０１２ 壱弐参 装飾系
Pussycat Snickers abc ABC 012 あいう アイウ ０１２ 壱弐参 装飾系
Weltron Urban abc ABC 012 あいう アイウ ０１２ 壱弐参 装飾系
cursive abc ABC 012 あいう アイウ ０１２ 壱弐参 総称ファミリ名：筆記体
Comic Sans MS abc ABC 012 あいう アイウ ０１２ 壱弐参 筆記体
HGP行書体 abc ABC 012 あいう アイウ ０１２ 壱弐参 筆記体
HG正楷書体-PRO abc ABC 012 あいう アイウ ０１２ 壱弐参 筆記体
Jenkins v2.0 abc ABC 012 あいう アイウ ０１２ 壱弐参 筆記体
Script abc ABC 012 あいう アイウ ０１２ 壱弐参 筆記体
MS UI Gothic abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Win
ＭＳ Ｐゴシック abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Win
ＭＳ ゴシック abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Win
ＭＳ Ｐ明朝 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Win
ＭＳ 明朝 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Win
メイリオ abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Win
Meiryo UI abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Win
游ゴシック abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Win
游明朝 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Win
ヒラギノ角ゴ Pro W3 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Mac
ヒラギノ角ゴ ProN W3 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Mac
ヒラギノ角ゴ Pro W6 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Mac
ヒラギノ角ゴ ProN W6 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Mac
ヒラギノ角ゴ Std W8 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Mac
ヒラギノ角ゴ StdN W8 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Mac
ヒラギノ丸ゴ Pro W4 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Mac
ヒラギノ丸ゴ ProN W4 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Mac
ヒラギノ明朝 Pro W3 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Mac
ヒラギノ明朝 ProN W3 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Mac
ヒラギノ明朝 Pro W6 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Mac
ヒラギノ明朝 ProN W6 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Mac
游ゴシック体 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Mac
游明朝体 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Mac
Osak abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Mac
Osaka－等幅 abc ABC 012 あいう アイウ ０１２ 壱弐参 代表的なフォント:Mac
inherit abc ABC 012 あいう アイウ ０１２ 壱弐参 親要素から継承