palm84.com

革命的愛熊主義者同盟!

手書き風フォントの表示テスト

2021.4.1 移転しました...
  • このページの旧URLは
    • http://www10.plala.or.jp/palm84/css_memo_font_tegaki.html

表題そのままです...

INDEX

about

サイドバー表示 on/off

宛名書きなどに使うとよさそうな手書き風フォントを独断と偏見(笑)で選んでみました。

OpenType フォント(.otf ファイル)だと Windows でもそのままでブラウザ上でまぁまぁきれいに表示できます。TrueType(.ttf ファイル) フォントは IE などのブラウザでは綺麗に表示ができませんが印刷時は問題ないと思われます。

表示テストの項目については下記の通りです。

表示テストの項目
font-familyあいうえお漢字Windows \ ゼロオーアイ小文字エルQ濁点カナ漢字長音漢数字
無指定 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

font-family:フォント名,serif と指定してます。指定フォントがない環境及び足りない漢字は(※ 多分)Serif 設定のフォントで表示されます。

みかちゃん

  • スクリーンショット - みかちゃん on Windows 10 MacType + Firefox43
f:id:palm84:20210116014610p:plain
みかちゃん フォントを指定して表示 - クリックで表示オン/オフ
  • line-height : 1 1.5
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Sans-serif あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
fantasy あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
cursive あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
みかちゃん あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
みかちゃん-P あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
みかちゃん-PS あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
みかちゃん-PB あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
みかちゃん-ぷち あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
みかちゃん-ぷちB あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

Y.OzFont

  • スクリーンショット - Y.OzFont on Windows 10 MacType + Firefox43
f:id:palm84:20210116014615p:plain
Y.OzFont フォントを指定して表示 - クリックで表示オン/オフ
  • line-height : 1 1.5
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Sans-serif あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
fantasy あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
cursive あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
YOzFont あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
YOzFontN あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
YOzFontA あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
YOzFontC あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
YOzFontE あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
YOzFontP あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
YOzFontX あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
YOzFontXM あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
YOzFontF あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
YOzFontK あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
YOzFontM90 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

takumi

  • スクリーンショット - takumiフォント on Windows 10 MacType + Firefox43
f:id:palm84:20210116014618p:plain
takumiフォントを指定して表示 - クリックで表示オン/オフ
  • line-height : 1 1.5
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Sans-serif あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
fantasy あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
cursive あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
takumi書痙フォント細字 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
takumi書痙フォント太字 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
takumi書痙フォント細字P あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
takumi書痙フォント太字P あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
takumiゆとりフォント あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
takumiゆとりフォントP あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

S2G

  • スクリーンショット - S2Gフォント on Windows 10 MacType + Firefox43
f:id:palm84:20210116014623p:plain
S2GFont を指定して表示 - クリックで表示オン/オフ
  • line-height : 1 1.5
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Sans-serif あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
fantasy あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
cursive あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
S2GP海フォント あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
S2GP月フォント あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
S2GPつきフォント あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
S2GPうにフォント あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
S2GP殴り書き あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
S2G らぶ あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
S2Gメモ あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

いろいろ TrueType (.ttf フォント)

  • スクリーンショット - いろいろ TrueType on Windows 10 MacType + Firefox43
f:id:palm84:20210116014628p:plain
いろいろTrueType フォントを指定して表示 - クリックで表示オン/オフ
  • line-height : 1 1.5
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Sans-serif あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
fantasy あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
cursive あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
きろ字 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
きろ字 - B あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
きろ字 - D あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
きろ字 - P あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
瀬戸フォント あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
あずきフォント あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
あんずもじ あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
あくあPフォント あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
はなぞめフォント あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
ふい字P あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
851手書き雑フォント あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
ホリデイMDJP03 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

いろいろ OpenType (.otf フォント)

  • スクリーンショット - いろいろ OpenType on Windows 10 Microsoft Edge
f:id:palm84:20210116014633p:plain
  • スクリーンショット - いろいろ OpenType on Windows 10 MacType + Firefox43
f:id:palm84:20210116014637p:plain
いろいろOpenType フォントを指定して表示 - クリックで表示オン/オフ
  • line-height : 1 1.5
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Sans-serif あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
みかちゃん_o あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
みかちゃん_o-P あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
みかちゃん_o-PS あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
みかちゃん_o-PB あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
りいポップ角 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
りいてがきN あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
りいてがき筆 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
フォントポにほんご あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
ジンペン糸-R あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
ジンペン毛羽-R あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
よもぎフォント あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

面白系

※ 怨霊、吐き溜の2点のみ TrueType, あとは OpenType です。

  • スクリーンショット - 面白系 on Windows 10 Microsoft Edge
f:id:palm84:20210116014641p:plain
  • スクリーンショット - 面白系 on Windows 10 MacType + Firefox43
f:id:palm84:20210116014646p:plain
面白系 フォントを指定して表示 - クリックで表示オン/オフ
  • line-height : 1 1.5
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Sans-serif あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
ぎゃーてーるみねっせんす あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
きずだらけのぎゃーてー あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
KFひま字 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
じゆうちょうフォント あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
不忘フェルトペン書体04 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
ジンへな墨流-RCF あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
ジン乱角-R あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
怨霊 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
吐き溜 あいうえお 葛噌彅埒一三髙濱片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

表示テスト

みかちゃん, YOz, takumi - 表示テスト

表示テスト
Sans-serif あかさたな 葛噌彅埒一三髙濱片 MWayg9~*@ \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Serif あかさたな 葛噌彅埒一三髙濱片 MWayg9~*@ \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
monospace あかさたな 葛噌彅埒一三髙濱片 MWayg9~*@ \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
無指定 あかさたな 葛噌彅埒一三髙濱片 MWayg9~*@ \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
テスト あかさたな 葛噌彅埒一三髙濱片 MWayg9~*@ \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
新しい朝が来た!不埒な草彅剛、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草彅剛、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草彅剛、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑

謹賀新年 賀正 あけましておめでとうございます 髙田濱口
謹賀新年 賀正 あけましておめでとうございます 髙田濱口
謹賀新年 賀正 あけましておめでとうございます 髙田濱口

A Happy New Year ! 本年もよろしくお願いいたします
A Happy New Year ! 本年もよろしくお願いいたします
A Happy New Year ! 本年もよろしくお願いいたします

S2G, きろ字, etc - 表示テスト

表示テスト
Sans-serif あかさたな 葛噌彅埒一三髙濱片 MWayg9~*@ \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Serif あかさたな 葛噌彅埒一三髙濱片 MWayg9~*@ \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
monospace あかさたな 葛噌彅埒一三髙濱片 MWayg9~*@ \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
無指定 あかさたな 葛噌彅埒一三髙濱片 MWayg9~*@ \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
テスト あかさたな 葛噌彅埒一三髙濱片 MWayg9~*@ \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
新しい朝が来た!不埒な草彅剛、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草彅剛、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草彅剛、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑

謹賀新年 賀正 あけましておめでとうございます 髙田濱口
謹賀新年 賀正 あけましておめでとうございます 髙田濱口
謹賀新年 賀正 あけましておめでとうございます 髙田濱口

A Happy New Year ! 本年もよろしくお願いいたします
A Happy New Year ! 本年もよろしくお願いいたします
A Happy New Year ! 本年もよろしくお願いいたします

OpenType, 面白系 - 表示テスト

表示テスト
Sans-serif あかさたな 葛噌彅埒一三髙濱片 MWayg9~*@ \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Serif あかさたな 葛噌彅埒一三髙濱片 MWayg9~*@ \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
monospace あかさたな 葛噌彅埒一三髙濱片 MWayg9~*@ \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
無指定 あかさたな 葛噌彅埒一三髙濱片 MWayg9~*@ \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
テスト あかさたな 葛噌彅埒一三髙濱片 MWayg9~*@ \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
新しい朝が来た!不埒な草彅剛、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草彅剛、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草彅剛、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑

謹賀新年 賀正 あけましておめでとうございます 髙田濱口
謹賀新年 賀正 あけましておめでとうございます 髙田濱口
謹賀新年 賀正 あけましておめでとうございます 髙田濱口

A Happy New Year ! 本年もよろしくお願いいたします
A Happy New Year ! 本年もよろしくお願いいたします
A Happy New Year ! 本年もよろしくお願いいたします

ブックマークレット

body要素に適用なのでCSSで指定されてる要素には効きません。

body 要素に style 属性を追記します。

<body style="font-family: 'みかちゃん';">

備考

最終更新日:2015.12.29

2015.12.20 S2Gフォント, はなぞめフォント, ふい字P, 851手書き雑フォント, ホリデイMDJP03, よもぎフォント 追加
2015.12.29 スクリーンショットを変更

ダウンロード・リンク

ほな