いろんなフォント
アクセシビリティ、可読性の点からWeb上で凝ったフォント（書体）を使うことはタブーとされていますが、
最近はWebページでもいろんなフォントの表示ができるようになってきたので、ちょっとフォントで遊んで
見ました。って言ってもWORDなんかに比べるとつまんないけど。
ただし、皆様のシステムにそのフォントがインストールされていないと、デフォルトの書体で表示されて
しまうのでご注意を。
大きくフォントをわけるとプロポーショナルと固定幅フォントがあります。
「i」、「w」などで文字の幅が異なるのがプロポーショナルフォントと呼ばれ、全ての文字が同じ幅に
なるのが固定幅フォントです。書体名にPとついているのは、間違いなくプロポーショナルです。
【Ariel】
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
（⌒ ⌒ヽ ＼｜／
（ ⌒ヽ ― 〇 ―
（ ⌒ ヽ ／｜＼
┏━━━━━━━━━━━━━━━┓ ( )
＿＿┃ ２００８ ┃＿＿＿（＿＿＿＿＿＿）＿＿＿＿
┃ ┃ _─ - ─ - ─_－_─ - _－-
┃ SUMMER ┃ ￣─ -－-- = ─－￣-
┗━━━━━━━━━━━━━━━┛-- ─－--－￣－-
-￣─_─￣─ -－-- = ─－￣-
10 temp = x
20 x = y
30 y = temp
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわん
【Academy Engraved】
ＡBCDEFGHIJKLMNOPQRSTUVWXYZ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
（⌒ ⌒ヽ ＼｜／
（ ⌒ヽ ― 〇 ―
（ ⌒ ヽ ／｜＼
┏━━━━━━━━━━━━━━━┓ ( )
＿＿┃ ２００８ ┃＿＿＿（＿＿＿＿＿＿）＿＿＿＿
┃ ┃ _─ - ─ - ─_－_─ - _－-
┃ SUMMER ┃ ￣─ -－-- = ─－￣-
┗━━━━━━━━━━━━━━━┛-- ─－--－￣－-
-￣─_─￣─ -－-- = ─－￣-
10 temp = x
20 x = y
30 y = temp
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむもやゆよわん
【AR丸ゴシック体】
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
（⌒ ⌒ヽ ＼｜／
（ ⌒ヽ ― 〇 ―
（ ⌒ ヽ ／｜＼
┏━━━━━━━━━━━━━━━┓ ( )
＿＿ ┃ ２００８ ┃＿＿＿（＿＿＿＿＿＿）＿＿＿＿
┃ ┃ _─ - ─ - ─_－_─ - _－-
┃ SUMMER ┃ ￣─ -－-- = ─－￣-
┗━━━━━━━━━━━━━━━┛-- ─－--－￣－-
-￣─_─￣─ -－-- = ─－￣-
10 temp = x
20 x = y
30 y = temp
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわん
【HGPゴシック】
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
（⌒ ⌒ヽ ＼｜／
（ ⌒ヽ ― 〇 ―
（ ⌒ ヽ ／｜＼
┏━━━━━━━━━━━━━━━┓ ( )
＿＿┃ ２００８ ┃＿＿＿（＿＿＿＿＿＿）＿＿＿＿
┃ ┃ _─ - ─ - ─_－_─ - _－-
┃ SUMMER ┃ ￣─ -－-- = ─－￣-
┗━━━━━━━━━━━━━━━┛-- ─－--－￣－-
-￣─_─￣─ -－-- = ─－￣-
10 temp = x
20 x = y
30 y = temp
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわん
【HGP行書体】
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
（⌒ ⌒ヽ ＼｜／
（ ⌒ヽ ― 〇 ―
（ ⌒ ヽ ／｜＼
┏━━━━━━━━━━━━━━━┓ ( )
＿＿┃ ２００８ ┃＿＿＿（＿＿＿＿＿＿）＿＿＿＿
┃ ┃ _─ - ─ - ─_－_─ - _－-
┃ SUMMER ┃ ￣─ -－-- = ─－￣-
┗━━━━━━━━━━━━━━━┛-- ─－--－￣－-
-￣─_─￣─ -－-- = ─－￣-
10 temp = x
20 x = y
30 y = temp
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわん
【HGP創英角ポップ】
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
（⌒ ⌒ヽ ＼｜／
（ ⌒ヽ ― 〇 ―
（ ⌒ ヽ ／｜＼
┏━━━━━━━━━━━━━━━┓ ( )
＿＿ ┃ ２００８ ┃＿＿＿（＿＿＿＿＿＿）＿＿＿＿
┃ ┃ _─ - ─ - ─_－_─ - _－-
┃ SUMMER ┃ ￣─ -－-- = ─－￣-
┗━━━━━━━━━━━━━━━┛-- ─－--－￣－-
-￣─_─￣─ -－-- = ─－￣-
10 temp = x
20 x = y
30 y = temp
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわん
【HG正楷書体】
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
（⌒ ⌒ヽ ＼｜／
（ ⌒ヽ ― 〇 ―
（ ⌒ ヽ ／｜＼
┏━━━━━━━━━━━━━━━┓ ( )
＿＿ ┃ ２００８ ┃＿＿＿（＿＿＿＿＿＿）＿＿＿＿
┃ ┃ _─ - ─ - ─_－_─ - _－-
┃ SUMMER ┃ ￣─ -－-- = ─－￣-
┗━━━━━━━━━━━━━━━┛-- ─－--－￣－-
-￣─_─￣─ -－-- = ─－￣-
10 temp = x
20 x = y
30 y = temp
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわん
【MS P明朝】
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
（⌒ ⌒ヽ ＼｜／
（ ⌒ヽ ― 〇 ―
（ ⌒ ヽ ／｜＼
┏━━━━━━━━━━━━━━━┓ ( )
＿＿┃ ２００８ ┃＿＿＿（＿＿＿＿＿＿）＿＿＿＿
┃ ┃ _─ - ─ - ─_－_─ - _－-
┃ SUMMER ┃ ￣─ -－-- = ─－￣-
┗━━━━━━━━━━━━━━━┛-- ─－--－￣－-
-￣─_─￣─ -－-- = ─－￣-
10 temp = x
20 x = y
30 y = temp
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわん
【MS 明朝】
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
（⌒ ⌒ヽ ＼｜／
（ ⌒ヽ ― 〇 ―
（ ⌒ ヽ ／｜＼
┏━━━━━━━━━━━━━━━┓ ( )
＿＿ ┃ ２００８ ┃＿＿＿（＿＿＿＿＿＿）＿＿＿＿
┃ ┃ _─ - ─ - ─_－_─ - _－-
┃ SUMMER ┃ ￣─ -－-- = ─－￣-
┗━━━━━━━━━━━━━━━┛-- ─－--－￣－-
-￣─_─￣─ -－-- = ─－￣-
10 temp = x
20 x = y
30 y = temp
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわん
【魚石行書】
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
（⌒ ⌒ヽ ＼｜／
（ ⌒ヽ ― 〇 ―
（ ⌒ ヽ ／｜＼
┏━━━━━━━━━━━━━━━┓ ( )
＿＿ ┃ ２００８ ┃＿＿＿（＿＿＿＿＿＿）＿＿＿＿
┃ ┃ _─ - ─ - ─_－_─ - _－-
┃ SUMMER ┃ ￣─ -－-- = ─－￣-
┗━━━━━━━━━━━━━━━┛-- ─－--－￣－-
-￣─_─￣─ -－-- = ─－￣-
10 temp = x
20 x = y
30 y = temp
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわん
【江戸勘亭流】
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
（⌒ ⌒ヽ ＼｜／
（ ⌒ヽ ― 〇 ―
（ ⌒ ヽ ／｜＼
┏━━━━━━━━━━━━━━━┓ ( )
＿＿ ┃ ２００８ ┃＿＿＿（＿＿＿＿＿＿）＿＿＿＿
┃ ┃ _─ - ─ - ─_－_─ - _－-
┃ SUMMER ┃ ￣─ -－-- = ─－￣-
┗━━━━━━━━━━━━━━━┛-- ─－--－￣－-
-￣─_─￣─ -－-- = ─－￣-
10 temp = x
20 x = y
30 y = temp
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわん
【祥南行書体】
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
（⌒ ⌒ヽ ＼｜／
（ ⌒ヽ ― 〇 ―
（ ⌒ ヽ ／｜＼
┏━━━━━━━━━━━━━━━┓ ( )
＿＿ ┃ ２００８ ┃＿＿＿（＿＿＿＿＿＿）＿＿＿＿
┃ ┃ _─ - ─ - ─_－_─ - _－-
┃ SUMMER ┃ ￣─ -－-- = ─－￣-
┗━━━━━━━━━━━━━━━┛-- ─－--－￣－-
-￣─_─￣─ -－-- = ─－￣-
10 temp = x
20 x = y
30 y = temp
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわん
【富士ポップ】
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
（⌒ ⌒ヽ ＼｜／
（ ⌒ヽ ― 〇 ―
（ ⌒ ヽ ／｜＼
┏━━━━━━━━━━━━━━━┓ ( )
＿＿ ┃ ２００８ ┃＿＿＿（＿＿＿＿＿＿）＿＿＿＿
┃ ┃ _─ - ─ - ─_－_─ - _－-
┃ SUMMER ┃ ￣─ -－-- = ─－￣-
┗━━━━━━━━━━━━━━━┛-- ─－--－￣－-
-￣─_─￣─ -－-- = ─－￣-
10 temp = x
20 x = y
30 y = temp
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわん
【麗流隷書体】
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
（⌒ ⌒ヽ ＼｜／
（ ⌒ヽ ― 〇 ―
（ ⌒ ヽ ／｜＼
┏━━━━━━━━━━━━━━━┓ ( )
＿＿ ┃ ２００８ ┃＿＿＿（＿＿＿＿＿＿）＿＿＿＿
┃ ┃ _─ - ─ - ─_－_─ - _－-
┃ SUMMER ┃ ￣─ -－-- = ─－￣-
┗━━━━━━━━━━━━━━━┛-- ─－--－￣－-
-￣─_─￣─ -－-- = ─－￣-
10 temp = x
20 x = y
30 y = temp
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわん
【恋文ペン字】
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
（⌒ ⌒ヽ ＼｜／
（ ⌒ヽ ― 〇 ―
（ ⌒ ヽ ／｜＼
┏━━━━━━━━━━━━━━━┓ ( )
＿＿ ┃ ２００８ ┃＿＿＿（＿＿＿＿＿＿）＿＿＿＿
┃ ┃ _─ - ─ - ─_－_─ - _－-
┃ SUMMER ┃ ￣─ -－-- = ─－￣-
┗━━━━━━━━━━━━━━━┛-- ─－--－￣－-
-￣─_─￣─ -－-- = ─－￣-
10 temp = x
20 x = y
30 y = temp
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわん