フォント・ファミリー（body編）

CSS SAMPLE

<style type="text/css">
body {
    font-family: 'ＭＳ ゴシック',Osaka,Arial,Helvetica,sans-serif;
}
</style>

フォント名

日本語編

	Windows	Mac	CSS
等幅フォント	'ＭＳゴシック'	平成角ゴシック	monospace
等幅フォント	'ＭＳ明朝'	Osaka-等幅	selif
プロポーショナル	'ＭＳＰゴシック'	Osaka	sans-serif
	'ＭＳＰ明朝'	平成明朝	‐
	'MS UI Gothic' (XP/VISTA)	‐	‐
	メイリオ (VISTA)	‐	‐

※他にもたくさんあります。スペースが入るフォント名はシングル・クォーテーションで括る。

ブラウザ/フォント名	種別	IE7.0	NN7.1	Firefox/ 2.0.0.11	Mozilla 1.7.13	Opera/ 9.24
sans-serif	ASCCI	○	○	○	○	○
日本語	○	○	○	○	○
'ＭＳゴシック'	ASCCI	○	○	○	○	○
日本語	○	○	○	○	○
'ＭＳＰゴシック'	ASCCI	○	○	○	○	○
日本語	○	○	○	○	○
arial	ASCCI	○	○	○	○	○
日本語	○	○	○	×	○
'arial black'	ASCCI	○	○	○	○	○
日本語	○	○	○	×	○
'Century Gothic'	ASCCI	○	○	○	○	○
日本語	○	○	○	×	○
Tahome	ASCCI	○	○	○	○	○
日本語	○	○	○	×	○
'MS UI Gothic'	ASCCI	○	○	○	○	○
日本語	○	○	○	○	○
メイリオ	ASCCI	○	○	○	○	○
日本語	○	○	○	×	○

abcdefg hijklmnop qrstu vwxyz
ABCDEFG HIJKLMNOP QRSTU VWXYZ
01234 56789 .:,;'"(!?) +-*/=
10 Windowsでコンピュータの世界が広がります。0123456789
12 Windowsでコンピュータの世界が広がります。0123456789
18 Windowsでコンピュータの世界が広がります。0123456789
32 Windowsでコンピュータの世界が広がります。0123456789

'ＭＳゴシック'

'ＭＳＰゴシック'

arial

'arial black'

'Century Gothic'

Tahome

'MS UI Gothic'

メイリオ

serif

明朝系フォント。Opera以外では日本語が明朝系として正しく表示されない場合が多いです。

ブラウザ/フォント名	種別	IE7.0	NN7.1	Firefox/ 2.0.0.11	Mozilla 1.7.13	Opera/ 9.24
serif	ASCCI	○	○	○	○	○
serif	日本語	△	○	○	○	○
Batang	ASCCI	○	○	○	○	○
Batang	日本語	△	△	△	○	○
'Book Antiqua'	ASCCI	○	○	○	○	○
'Book Antiqua'	日本語	×	×	×	○	○
Century	ASCCI	○	○	○	○	○
Century	日本語	×	×	×	○	○
'MS Serif'	ASCCI	○	○	○	○	○
'MS Serif'	日本語	×	×	×	○	○
PMingLiU	ASCCI	○	○	○	○	○
PMingLiU	日本語	○	○	○	○	○
Roman	ASCCI	○	○	○	○	○
Roman	日本語	×	×	×	○	○
'Times New Roman'	ASCCI	○	○	○	○	○
'Times New Roman'	日本語	×	×	×	○	○

判例：○‐正しく表示されている。　△：一部不正な文字あり、×：書体が異なる。

serif

Batang

'Book Antiqua'

Century

'MS Serif'

PMingLiU

Roman

'Times New Roman'

monospace

等幅フォント。

ブラウザ/フォント名	種別	IE7.0	NN7.1	Firefox/ 2.0.0.11	Mozilla 1.7.13	Opera/ 9.24
monospace	ASCCI	○	○	○	○	○
monospace	日本語	ゴ○	ゴ○	○	ゴ	ゴ
Courier	ASCCI	○	○	○	○	○
Courier	日本語	ゴ×	ゴ×	△	明	ゴ
'Courier New'	ASCCI	○	○	○	○	○
'Courier New'	日本語	ゴ×	ゴ×	×	明	ゴ
MingLiU	ASCCI	○	○	○	○	○
MingLiU	日本語	明	明	×	明	ゴ
'ＭＳゴシック'	ASCCI	○	○	○	○	○
'ＭＳゴシック'	日本語	ゴ○	ゴ○	×	ゴ	ゴ
'ＭＳ明朝'	ASCCI	○	○	○	○	○
'ＭＳ明朝'	日本語	明○	明○	○	明	明
OCRB	ASCCI	○	○	○	○	○
OCRB	日本語	ゴ	ゴ	×	明？	ゴ
'Small Fonts'	ASCCI	○	○	○	○	○
'Small Fonts'	日本語	ゴ	ゴ	×	明？	ゴ
Terminal	ASCCI	○	○	○	○	○
Terminal	日本語	ゴ	ゴ	×	ゴ	ゴ

判例：○‐正しく表示されている。　△：一部不正な文字あり、×：書体が異なる。

monospace

abcdefg hijklmnop qrstu vwxyz

ABCDEFG HIJKLMNOP QRSTU VWXYZ

56789 .:,;'"(!?) +-*/=

Windowsでコンピュータの世界が広がります。0123456789

Windowsでコンピュータの世界が広がります。0123456789

Windowsでコンピュータの世界が広がります。0123456789

Windowsでコンピュータの世界が広がります。0123456789

Courier

abcdefg hijklmnop qrstu vwxyz

ABCDEFG HIJKLMNOP QRSTU VWXYZ

56789 .:,;'"(!?) +-*/=

Windowsでコンピュータの世界が広がります。0123456789

Windowsでコンピュータの世界が広がります。0123456789

Windowsでコンピュータの世界が広がります。0123456789

Windowsでコンピュータの世界が広がります。0123456789

'Courier New'

abcdefg hijklmnop qrstu vwxyz

ABCDEFG HIJKLMNOP QRSTU VWXYZ

56789 .:,;'"(!?) +-*/=

Windowsでコンピュータの世界が広がります。0123456789

Windowsでコンピュータの世界が広がります。0123456789

Windowsでコンピュータの世界が広がります。0123456789

Windowsでコンピュータの世界が広がります。0123456789

MingLiU

'ＭＳゴシック'

'ＭＳ明朝'

OCRB

'Small Fonts'

abcdefg hijklmnop qrstu vwxyz
ABCDEFG HIJKLMNOP QRSTU VWXYZ
01234 56789 .:,;'"(!?) +-*/=
8px Windowsでコンピュータの世界が広がります。0123456789
10 Windowsでコンピュータの世界が広がります。0123456789
12 Windowsでコンピュータの世界が広がります。0123456789
18 Windowsでコンピュータの世界が広がります。0123456789
32 Windowsでコンピュータの世界が広がります。0123456789

Terminal

fantasy

装飾体。花文字、ポップ文字など。

ブラウザ/フォント名	種別	IE7.0	NN7.1	Firefox/ 2.0.0.11	Mozilla 1.7.13	Opera/ 9.24
fantasy	ASCCI	○	○	○	○	○
fantasy	日本語	ゴ	△	○	ゴ	ゴ
alba	ASCCI	○	○	○	○	○
alba	日本語	ゴ	○	△	明	ゴ
'alba super'	ASCCI	○	○	○	○	○
'alba super'	日本語	ゴ	○	×	明	ゴ
Modern	ASCCI	○	○	○	○	○
Modern	日本語	ゴ	○	×	明	ゴ

判例：○‐正しく表示されている。　△：一部不正な文字あり、×：書体が異なる。

fantasy

alba

'alba super'

Modern

以下いろいろあるけど、日本語が変わらないので割愛します。

cursive

手書き風フォント

ブラウザ/フォント名	種別	IE7.0	NN7.1	Firefox/ 2.0.0.11	Mozilla 1.7.13	Opera/ 9.24
cursive	ASCCI	○	○	○	○	○
cursive	日本語	ゴ	明△	△	ゴ	ゴ
HGP行書体	ASCCI	○	○	○	○	○
HGP行書体	日本語	行	行	行	行	行
HG正楷書体-PRO	ASCCI	○	○	○	○	○
HG正楷書体-PRO	日本語	楷	楷	楷	楷	楷

判例：○‐正しく表示されている。　△：一部不正な文字あり、×：書体が異なる。

cursive

HGP行書体

HG正楷書体-PRO

フォントサンプル（Windows/Mac OS X）

以下の「Fonts List」を選択することで、<hr>タグ下のテキストのフォントが変わります。
※日本語は代替フォントになる場合があります

OS：OSﾌﾟﾛﾀﾞｸﾄを表示(Javascriptを有効にしてください)

UA：ブラウザを表示(Javascriptを有効にしてください)

Operation System ⇒Fonts List

abcdefg hijklmnop qrstu vwxyz
ABCDEFG HIJKLMNOP QRSTU VWXYZ
01234 56789 .:,;'"(!?) +-*/=
10 Windowsでコンピュータの世界が広がります。abc ABC 0123456789
12 Windowsでコンピュータの世界が広がります。abc ABC 0123456789
18 Windowsでコンピュータの世界が広がります。abc ABC 0123456789
32 Windowsでコンピュータの世界が広がります。abc ABC 0123456789

日本語 Windowsでコンピュータの世界が広がります。abc ABC 0123456789
ハングル Window로 컴퓨터의 세계가 펼쳐집니다 abc ABC 0123456789
中国語 Window计算机的世瑜展开 abc ABC 0123456789