フォント表示見本とCSS記述
該当するOSでないとフォントは正常に表示されないことがあります
ベタ書きしたので記述ミスがある可能性が高いです。ご注意ください。
Windows系
フォントの種類 CSS
MS Pゴシック
font-family: ‘MS Pゴシック’;
MS ゴシック
font-family: ‘MS ゴシック’;
MS P明朝
font-family: ‘MS P明朝’;
MS 明朝
font-family: ‘MS 明朝’;
Meiryo
font-family: ‘Meiryo’;
Arial
font-family: ‘Arial’;
Century Gothic
font-family: ‘Century Gothic’;
Comic Sans MS
font-family: ‘Comic Sans MS’;
Copperplate Gothic(Light)
font-family: ‘Copperplate Gothic(Light)’;
Impact
font-family: ‘Impact’;
Courier
font-family: ‘Courier’;
Courier New
font-family: ‘Courier New’;
Lucida Sans(Unicode)
font-family: ‘Lucida Sans(Unicode)’;
Symbol
font-family: ‘Symbol’;
Times New Roman
font-family: ‘Times New Roman’;
Verdana
font-family: ‘Verdana’;
Mac系
フォントの種類 CSS
ヒラギノ角ゴ Pro W3
font-family: ‘ヒラギノ角ゴ Pro W3’;
ヒラギノ角ゴ Pro W6
font-family: ‘ヒラギノ角ゴ Pro W6’;
ヒラギノ角ゴ Std W8
font-family: ‘ヒラギノ角ゴ Std W8’
ヒラギノ丸ゴ Pro W4
font-family: ‘ヒラギノ丸ゴ Pro W4’;
ヒラギノ明朝 Pro W3
font-family: ‘ヒラギノ明朝 Pro W3’;
ヒラギノ明朝 Pro W6
font-family: ‘ヒラギノ明朝 Pro W6’;
Osaka
font-family: ‘Osaka’;
Osaka-等幅
font-family: ‘Osaka-等幅’;
Courier
font-family: ‘Courier’;
Geneva
font-family: ‘Geneva’;
Helvetica
font-family: ‘Helvetica’
New York
font-family: ‘New York’;
Simbol
font-family: ‘Simbol’;
Times
font-family: ‘Times’
Verdana
font-family: ‘Verdana’