フォント表示見本と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’
|
最近のコメント