【私的】Windows フォントのテストだYO！【DirectWrite】

2021.4.1 移転しました...

• このページの旧URLは
  • http://www10.plala.or.jp/palm84/css_memo_font_select_test.html

WindowsでMacTypeを使わずにフォントをLinux風に表示したいというテストです...

INDEX

about

サイドバー表示 on/off

• サイドバーを下に (画面を広げる)
• 戻す

【2016.12.7 追記】Firefox50 にて、DirectWrite 設定 + 拡張機能 Stylish での表示を追加しました。
【2018.10.2 追記】Google Fonts を追加しました。
【2021.01.16 追記】Google Fonts を追加しました。
【2021.09.28 追記】Google Fonts を追加しました。
【2021.11.27 追記】IBM Plex Sans JP を追加しました。
【2021.12.25 追記】Google Fonts を追加しました。
【2022.04.07 追記】Google Fonts を追加しました。

Windows の DirectWrite でまぁまぁイケそうなフォントの表示テストしますん。

Firefox の DirectWrite 設定については下記ページに書いとりました。

• Windows版 Firefox の DirectWrite を設定してフォントを見やすくしてみたけどいまいちかなぁ。orz

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

※スクリーンショットは Shift_JIS ページのものなので総称ファミリーで指定されるフォントに若干違いがあるかもです。

表示テストの項目

font-family	\	ゼロ	オー	アイ	小文字エル	Q	Windows	濁点	あいうえお	漢字	カナ漢字長音漢数字
無指定	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Sans-serif	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二

選択したフォント

ブラウザ（Firefox, Chrome）で読みやすそうなフォントを独断と偏見でチョイスしました。

• スクリーンショット - on Windows 10 Firefox50 64bit DirectWrite

• スクリーンショット - RobotoJフォント on Windows 10 Firefox51 64bit DirectWrite（上から TTF / TTF-Hint / OTF）

• スクリーンショット - BIZ UDPゴシック R フォント on Windows 10 Firefox59 64bit DirectWrite

フォントを指定して表示 - クリックで表示オン/オフ

font-family	\	ゼロ	O	iI	l	Q	Windows	プブ	あいうえお	漢字	カ力エ工ロ口ー一ニ二
無指定	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Sans-serif	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Serif	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Monospace	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二

※ 完全じゃないです。font-family:フォント名,serif と指定してます。指定フォントがない環境では Serif 設定のフォントで表示されます。

font-family	\	ゼロ	O	iI	l	Q	Windows	プブ	あいうえお	漢字	カ力エ工ロ口ー一ニ二
無指定	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
ＭＳ Ｐゴシック	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
MS PGothic	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
メイリオ	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Meiryo UI	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
游ゴシック	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
游ゴシック w500	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
游ゴシック Medium	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Yu Gothic UI	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Droid Sans Fallback	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
源ノ角ゴシック	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Noto Sans CJK JP	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
源真ゴシック	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Mgen+ 1p	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
07やさしさゴシック	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
07やさしさゴシック手書き	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Migu 1P	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Koruri	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
MMCedar P	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
nukamisoOTF	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Textar	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
RobotoJ	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
RobotoJAA	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
BIZ UDPゴシック	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二

※ 游ゴシック w500 は font-weight:500 を指定、Medium と同じ筈です。

Google Fonts（Web フォント）

• Google Fonts

• スクリーンショット - on Windows 10 Firefox94 64bit DirectWrite (2021.11.27 間違ってたので差替)

• スクリーンショット - 2021.12.25 追記

• スクリーンショット - on Lubuntu 20.04 Firefox98 2022.4.7 追記

Google Fonts をダウンロードして表示

※ 通信料にご注意！Webフォントをダウンロードするブックマークレットです。（※ このページのみ表示可）

• M PLUS 1p
• M PLUS Rounded 1c

• Kosugi
• Kosugi Maru

• Noto Sans JP
• Noto Serif JP

• Sawarabi Gothic
• Sawarabi Mincho

• Shippori Mincho
• Shippori Mincho B1
• DotGothic16

• Kiwi Maru
• New Tegomin
• Hina Mincho

• Kaisei Opti
• Kaisei Decol
• Kaisei HarunoUmi

• Kaisei Tokumin
• Klee One
• Yomogi

• M PLUS 1
• M PLUS 2
• M PLUS 1 Code
• Murecho

• Yuji Syuku
• Yuji Mai
• Yuji Boku

• Zen Maru Gothic
• Zen Kaku Gothic New
• Zen Kaku Gothic Antique

• Zen Old Mincho
• Zen Kurenaido
• Zen Antique
• Zen Antique Soft

• BIZ UDPGothic
• BIZ UDGothic

• BIZ UDPMincho
• BIZ UDMincho

フォントを指定して表示 - クリックで表示オン/オフ

※ font-family:フォント名,serif と指定してます。指定フォントがダウンロードできないない環境では Serif 設定のフォントで表示されます。

font-family	\	ゼロ	O	iI	l	Q	Windows	プブ	あいうえお	漢字	カ力エ工ロ口ー一ニ二
無指定	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
ＭＳ Ｐゴシック	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
メイリオ	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Yu Gothic UI	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Serif	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
M PLUS 1p	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
M PLUS Rounded 1c	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Kosugi	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Kosugi Maru	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Noto Sans JP	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Noto Serif JP	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Sawarabi Gothic	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Sawarabi Mincho	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Shippori Mincho	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Shippori Mincho B1	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
DotGothic16	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Kiwi Maru	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
New Tegomin	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Hina Mincho	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Kaisei Opti	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Kaisei Decol	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Kaisei HarunoUmi	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Kaisei Tokumin	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Klee One	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Yomogi	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
M PLUS 1	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
M PLUS 2	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
M PLUS 1 Code	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Murecho	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Yuji Syuku	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Yuji Mai	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Yuji Boku	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Zen Maru Gothic	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Zen Kaku Gothic New	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Zen Kaku Gothic Antique	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Zen Old Mincho	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Zen Kurenaido	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Zen Antique	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Zen Antique Soft	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
BIZ UDPGothic	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
BIZ UDGothic	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
BIZ UDPMincho	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
BIZ UDMincho	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二

IBM Plex Sans JP

• Release v5.2.1 ・ IBM/plex ・ GitHub
• 参考リンク :
  • IBM製高品位フォント「IBM Plex」がv6.0.0に ～日本語フォントも利用可能 - 窓の杜

• スクリーンショット - on Windows 10 Firefox94 64bit DirectWrite (TrueType hinted)

フォントを指定して表示 - クリックで表示オン/オフ

※ font-family:フォント名,serif と指定してます。指定フォントがダウンロードできないない環境では Serif 設定のフォントで表示されます。

font-family	\	ゼロ	O	iI	l	Q	Windows	プブ	あいうえお	漢字	カ力エ工ロ口ー一ニ二
無指定	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
Sans-serif	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二
IBM Plex Sans JP	\	0	O	iI	l	Q	Windows	プブ	あいうえお	葛噌一二三語漢字片	カ力エ工ロ口ー一ニ二

DirectWrite + Stylish Stylus

Firefox50 64bit にて、DirectWrite 設定に拡張機能 Stylish を追加してユーザースタイルシートを設定してみました。MacType 使用時に近い表示になりました。

Stylish Stylus

【2018.8.4 追記】Stylish はやらかしたので下記の Stylus を使いませう。(´・ω・｀)

• Stylus - Firefox 向けアドオン
• Stylus - Chrome ウェブストア

• Stylish :: Add-ons for Firefox
• Stylish - Chrome ウェブストア
• 拙作めも :
  • Firefox - DirectWrite + Stylish で MacType 風フォント表示にしてみる

Stylish 設定はとりあえずこれだけで。-webkit-text-stroke-width 及び text-shadow を設定。

body {
-webkit-text-stroke-width: 0.1px;
text-shadow: 0 0 1px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.01), 0 0 3px rgba(0,0,0,0.01) !important;
}

スクリーンショット - クリックで表示オン/オフ

• スクリーンショット - on Windows 10 Firefox50 64bit DirectWrite + Stylish

• スクリーンショット - RobotoJフォント on Windows 10 Firefox51 64bit DirectWrite（上から TTF / TTF-Hint / OTF）

• スクリーンショット - BIZ UDPゴシック R フォント on Windows 10 Firefox59 64bit DirectWrite + Stylish

• スクリーンショット - on Windows 10 Chrome55 64bit DirectWrite + Stylish

• スクリーンショット - Robotoフォント on Windows 10 Chrome55 64bit DirectWrite + Stylish（上から TTF / TTF-Hint / OTF）

• スクリーンショット - Google Fonts on Windows 10 Firefox94 64bit DirectWrite + Stylus

• スクリーンショット - IBM Plex Sans on Windows 10 Firefox94 64bit DirectWrite + Stylus

表示テスト

• font-size 削除 | 80% | 100% | 110% | 120% | 150% | font-style 削除 | normal | italic | oblique
• line-height 削除 | 1 | 1.1 | 1.2 | 1.3 | 1.4 | 1.5 | 2 | letter-spacing 削除 | 0 | 0.5px | 1px | 1.5px | 2px
• font-weight 削除 | lighter | normal | bold | bolder | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
• color 削除 | black | #595959 | white | background-color 削除 | white | #ffe | black
• style削除

表示テスト

無指定	\	0	O	iI	l	Q	MWayg9~*@	プブ	あかさたな	葛噌彅埒一三語漢片	カ力エ工ロ口ー一ニ二
テスト	\	0	O	iI	l	Q	MWayg9~*@	プブ	あかさたな	葛噌彅埒一三語漢片	カ力エ工ロ口ー一ニ二

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

日本の食文化において、主食とされる米飯や雑穀飯の副食として、主要な位置を占める。料亭や食堂で出される事も、家庭料理として家庭で作られる事もある、汁物料理の代表である。昆布・削り節や煮干しなどで出汁をとり、食材と味噌で味を作るという、調理法としては単純な料理であるが、出汁・味噌に加え具材も各家庭・調理者によって千差万別であるため、おふくろの味と称される事もあり、作り方は様々である。また、各地で古くから作られており、名物料理だったり町おこしの料理ともされる。

日本の食文化において、主食とされる米飯や雑穀飯の副食として、主要な位置を占める。料亭や食堂で出される事も、家庭料理として家庭で作られる事もある、汁物料理の代表である。昆布・削り節や煮干しなどで出汁をとり、食材と味噌で味を作るという、調理法としては単純な料理であるが、出汁・味噌に加え具材も各家庭・調理者によって千差万別であるため、おふくろの味と称される事もあり、作り方は様々である。また、各地で古くから作られており、名物料理だったり町おこしの料理ともされる。
味噌汁 - Wikipedia

• 削除
• メイリオ
• Meiryo UI
• ＭＳ Ｐゴシック
• MS UI Gothic
• Yu Gothic UI

• 游ゴシック
• 游ゴシック Medium
• 源ノ角ゴシック
• Noto Sans CJK JP
• 源真ゴシック
• Mgen+ 1P

• Droid Sans Fallback
• 07やさしさゴシック
• 07やさしさゴシック手書き
• Migu 1P
• Koruri
• BIZ UDPゴシック

• MMCedar P
• nukamisoOTF
• Textar
• RobotoJ
• RobotoJAA
• IBM Plex Sans JP

• Noto Sans JP
• Noto Serif JP
• M PLUS 1p
• M PLUS Rounded 1c
• Sawarabi Gothic
• Sawarabi Mincho
• Kosugi
• Kosugi Maru

• Shippori Mincho
• Shippori Mincho B1
• DotGothic16
• Kiwi Maru
• Kaisei Opti
• Kaisei Decol
• Kaisei HarunoUmi
• Kaisei Tokumin

• New Tegomin
• Hina Mincho
• Klee One
• Yomogi
• M PLUS 1
• M PLUS 2
• M PLUS 1 Code
• Murecho

• Yuji Syuku
• Yuji Mai
• Yuji Boku
• Zen Maru Gothic
• Zen Kaku Gothic New
• Zen Kaku Gothic Antique
• Zen Old Mincho
• Zen Kurenaido
• Zen Antique
• Zen Antique Soft

• BIZ UDPGothic
• BIZ UDGothic
• BIZ UDPMincho
• BIZ UDMincho

表示テスト - -webkit-text-stroke, text-shadow, transform

• -webkit-text-stroke-width 削除 | 0 | 0.1px | 0.2px | 0.3px
• text-shadow 削除 | none | 0 0 1px rgba(0,0,0,0.1),0 0 2px rgba(0,0,0,0.01),0 0 3px rgba(0,0,0,0.01) |
                    0 0 0.1px rgba(51,51,51,0.5) | 0 0 0.1px rgba(0,0,0,0.5) | #707070 0.05px 0.05px 0.05px |
                    transparent 0 0 0,rgba(0,0,0,0.5) 0 0 0 | 0.5px 0.5px #ccc
• transform 削除 | rotate(0.001deg) | rotate(0.05deg)
• font-weight 削除 | 500 || line-height 削除 | 1 | 1.1 | 1.2 | 1.5 | 2 || letter-spacing 削除 | 0 | 1px | 2px

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

日本の食文化において、主食とされる米飯や雑穀飯の副食として、主要な位置を占める。料亭や食堂で出される事も、家庭料理として家庭で作られる事もある、汁物料理の代表である。昆布・削り節や煮干しなどで出汁をとり、食材と味噌で味を作るという、調理法としては単純な料理であるが、出汁・味噌に加え具材も各家庭・調理者によって千差万別であるため、おふくろの味と称される事もあり、作り方は様々である。また、各地で古くから作られており、名物料理だったり町おこしの料理ともされる。

日本の食文化において、主食とされる米飯や雑穀飯の副食として、主要な位置を占める。料亭や食堂で出される事も、家庭料理として家庭で作られる事もある、汁物料理の代表である。昆布・削り節や煮干しなどで出汁をとり、食材と味噌で味を作るという、調理法としては単純な料理であるが、出汁・味噌に加え具材も各家庭・調理者によって千差万別であるため、おふくろの味と称される事もあり、作り方は様々である。また、各地で古くから作られており、名物料理だったり町おこしの料理ともされる。
味噌汁 - Wikipedia

• 削除
• メイリオ
• Meiryo UI
• ＭＳ Ｐゴシック
• MS UI Gothic
• Yu Gothic UI

• 游ゴシック
• 游ゴシック Medium
• 源ノ角ゴシック
• Noto Sans CJK JP
• 源真ゴシック
• Mgen+ 1P

• Droid Sans Fallback
• 07やさしさゴシック
• 07やさしさゴシック手書き
• Migu 1P
• Koruri
• BIZ UDPゴシック

• MMCedar P
• nukamisoOTF
• Textar
• RobotoJ
• RobotoJAA
• IBM Plex Sans JP

• Noto Sans JP
• Noto Serif JP
• M PLUS 1p
• M PLUS Rounded 1c
• Sawarabi Gothic
• Sawarabi Mincho
• Kosugi
• Kosugi Maru

• Shippori Mincho
• Shippori Mincho B1
• DotGothic16
• Kiwi Maru
• Kaisei Opti
• Kaisei Decol
• Kaisei HarunoUmi
• Kaisei Tokumin

• New Tegomin
• Hina Mincho
• Klee One
• Yomogi
• M PLUS 1
• M PLUS 2
• M PLUS 1 Code
• Murecho

• Yuji Syuku
• Yuji Mai
• Yuji Boku
• Zen Maru Gothic
• Zen Kaku Gothic New
• Zen Kaku Gothic Antique
• Zen Old Mincho
• Zen Kurenaido
• Zen Antique
• Zen Antique Soft

• BIZ UDPGothic
• BIZ UDGothic
• BIZ UDPMincho
• BIZ UDMincho

ブックマークレット

function(){
var style=document.createElement('style');
var head=document.getElementsByTagName('head');
style.setAttribute('type','text\/css');
style.innerHTML='body,div,dl,dt,dd,p,li,caption,th,td,blockquote,q,cite,address,del,ins,span{font-family:\'Meiryo UI\'!important;}';
head[0].appendChild(style);})();

• style削除(x1)

• inherit (many) | sans-serif (many) | ＭＳ Ｐゴシック (many)

• メイリオ (many)
• Meiryo UI (many)
• 游ゴシック (many)
• 游ゴシック w500 (many)
• 游ゴシック Medium (many)
• Yu Gothic UI (many)
• Droid Sans Fallback (many)
• RobotoJ (many)
• RobotoJAA (many)

• 07やさしさゴシック (many)
• 07やさしさゴシック手書き (many)
• Migu 1P (many)
• MMCedar P (many)
• nukamisoOTF (many)
• Textar (many)
• BIZ UDPゴシック (many)
• 源真ゴシック (many)
• Mgen+ 1P (many)
• Rounded Mgen+ 1p (many)

• Koruri (many)
• Koruri 100 (many)
• Koruri 400 (many)
• Koruri 600 (many)
• Koruri 700 (many)
• Koruri 800 (many)

• 源ノ角ゴシック (many)
• 源ノ角ゴシック 100 (many)
• 源ノ角ゴシック 300 (many)
• 源ノ角ゴシック 350 (many)
• 源ノ角ゴシック 400 (many)
• 源ノ角ゴシック 500 (many)
• 源ノ角ゴシック 700 (many)
• 源ノ角ゴシック 900 (many)
• Noto Sans CJK JP (many)
• IBM Plex Sans JP (many)

• M PLUS 1p (many)
• M PLUS Rounded 1c (many)
• Kosugi (many)
• Kosugi Maru (many)
• Noto Sans JP (many)
• Noto Serif JP (many)
• Sawarabi Gothic (many)
• Sawarabi Mincho (many)
• Shippori Mincho (many)
• Shippori Mincho B1 (many)
• DotGothic16 (many)

• Kiwi Maru (many)
• New Tegomin (many)
• Hina Mincho (many)
• Kaisei Opti (many)
• Kaisei Decol (many)
• Kaisei HarunoUmi (many)
• Kaisei Tokumin (many)
• Klee One (many)
• Yomogi (many)

• M PLUS 1 (many)
• M PLUS 2 (many)
• M PLUS 1 Code (many)
• Murecho (many)
• Yuji Syuku (many)
• Yuji Mai (many)
• Yuji Boku (many)
• Zen Maru Gothic (many)
• Zen Kaku Gothic New (many)
• Zen Kaku Gothic Antique (many)
• Zen Old Mincho (many)
• Zen Kurenaido (many)
• Zen Antique (many)
• Zen Antique Soft (many)
• BIZ UDPGothic (many)
• BIZ UDGothic (many)
• BIZ UDPMincho (many)
• BIZ UDMincho (many)

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

javascript:void(document.body.style.fontFamily='\'メイリオ\',Meiryo')

• (body) style 削除
• inherit ( sans-serif | serif | monospace | cursive | fantasy ) ( monospace, 'ＭＳ ゴシック' | monospace, serif )

• メイリオ
• Meiryo UI
• 游ゴシック
• 游ゴシック Medium
• Droid Sans Fallback
• 源ノ角ゴシック
• Noto Sans CJK JP
• 源真ゴシック
• Mgen+ 1P
• Rounded Mgen+ 1p

• 07やさしさゴシック
• 07やさしさゴシック手書き
• Migu 1P
• Koruri
• MMCedar P
• RobotoJ
• RobotoJAA
• nukamisoOTF
• nukamiso
• Textar
• BIZ UDPゴシック
• IBM Plex Sans JP

• M PLUS 1p
• M PLUS Rounded 1c
• Kosugi
• Kosugi Maru
• Noto Sans JP
• Noto Serif JP
• Sawarabi Gothic
• Sawarabi Mincho
• Shippori Mincho
• Shippori Mincho B1
• DotGothic16
• Kiwi Maru
• New Tegomin
• Hina Mincho
• Kaisei Opti
• Kaisei Decol
• Kaisei HarunoUmi
• Kaisei Tokumin
• Klee One
• Yomogi

• M PLUS 1
• M PLUS 2
• M PLUS 1 Code
• Murecho
• Yuji Syuku
• Yuji Mai
• Yuji Boku
• Zen Maru Gothic
• Zen Kaku Gothic New
• Zen Kaku Gothic Antique
• Zen Old Mincho
• Zen Kurenaido
• Zen Antique
• Zen Antique Soft
• BIZ UDPGothic
• BIZ UDGothic
• BIZ UDPMincho
• BIZ UDMincho

-webkit-text-stroke, text-shadow, transform

function(){
var style=document.createElement('style');
var head=document.getElementsByTagName('head');
style.setAttribute('type','text\/css');
style.innerHTML='body{-webkit-text-stroke-width:0.1px !important;}';
head[0].appendChild(style);})();

• style削除(x1)
• stylish なし

• ＭＳ Ｐゴシック を Textar に置換

• 0 || body{-webkit-text-stroke-width: 0.1px !important;}
• body{-webkit-text-stroke-width: 0.15px !important;}
• body{-webkit-text-stroke-width: 0.2px !important;}
• body{-webkit-text-stroke-width: 0.3px !important;}

• none || body{text-shadow:0 0 1px rgba(0,0,0,0.1),0 0 2px rgba(0,0,0,0.01),0 0 3px rgba(0,0,0,0.01) !important;}
• body{text-shadow: 0 0 0.1px rgba(51,51,51,0.5) !important;}
• body{text-shadow: 0 0 0.1px rgba(0,0,0,0.5) !important;}
• body{text-shadow: #707070 0.05px 0.05px 0.05px !important;}
• body{text-shadow: 0px 0px 1px #ACACAC !important;}
• body{text-shadow:0.5px 0.5px #ccc !important;}

0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz
日本の食文化において、主食とされる米飯や雑穀飯の副食として、主要な位置を占める。料亭や食堂で出される事も、家庭料理として家庭で作られる事もある、汁物料理の代表である。昆布・削り節や煮干しなどで出汁を

• none || body{transform: rotate(0.001deg);}
• body{transform: rotate(0.03deg);}
• body{transform: rotate(0.05deg);}

• none || body{transform: rotate(0.001deg);} img{transform: rotate(0deg)!important;}
• body{transform: rotate(0.03deg);} img{transform: rotate(-0.03deg)!important;}
• body{transform: rotate(0.05deg);} img{transform: rotate(-0.05deg)!important;}

下記は body 要素に style 属性を追記

function(){
document.getElementsByTagName('body')[0].style.setProperty('transform','rotate(0.01deg)','important');})
();

• 戻す
• transform: rotate(0.01deg)
• transform: rotate(0.03deg)
• transform: rotate(0.05deg)

Web フォント を適用

ダウンロードする（1個数MBぐらい？）のでモバイル環境など通信量に注意。デフォルトフォントに指定します。

• style削除(x1)

• Noto Sans JP
• Noto Sans TC
• Noto Sans SC

• M PLUS 1p
• M PLUS Rounded 1c
• Kosugi
• Kosugi Maru

• Sawarabi Gothic
• Sawarabi Mincho

• Noto Serif JP
• Noto Serif SC
• Noto Serif TC

• Shippori Mincho
• Shippori Mincho B1
• DotGothic16

• Kiwi Maru
• New Tegomin
• Hina Mincho

• Kaisei Opti
• Kaisei Decol
• Kaisei HarunoUmi
• Kaisei Tokumin

• Klee One
• Yomogi

• M PLUS 1
• M PLUS 2
• M PLUS 1 Code
• Murecho

• Zen Maru Gothic
• Zen Kaku Gothic New
• Zen Kaku Gothic Antique

• Zen Old Mincho
• Zen Kurenaido
• Zen Antique
• Zen Antique Soft

• Yuji Syuku
• Yuji Mai
• Yuji Boku

• BIZ UDPGothic
• BIZ UDPGothic
• BIZ UDPMincho
• BIZ UDMincho

備考

最終更新日：2021.01.16

2014.07.25 作成。
2014.09.18 Google Noto Fonts (Noto Sans CJK JP) を追記。源ノ角ゴシックと殆ど同じですけど...
2014.10.03 源真ゴシック, Mgen+ 1P を追記。
2014.10.19 07やさしさゴシック手書き を追加。
2014.10.22 スクリーンショットを追加。
2016.12.07 Firefox50 にて、DirectWrite 設定 + 拡張機能 Stylish での表示を追加。
2016.12.07 游ゴシック w500 (Medium), Yu Gothic UI を追加。
2016.12.11 表示テストに transform プロパティ追記。
2017.01.27 RobotoJ, RobotoJAA を追加。
2017.01.28 RobotoJフォント TTF-Hint のスクリーンショットを追加。
2017.02.15 Stylish 関連のブックマークレットをちょっと変更
2018.03.16 BIZ UDPゴシック R を追加
2018.10.02 Google Fonts - M PLUS 1p, M PLUS Rounded 1c, Kosugi, Kosugi Maru, Noto Sans JP, Noto Serif JP, Sawarabi Gothic, Sawarabi Mincho を追加
2018.12.29 BIZ UD フォント の指定方法修正
2019.04.14 Web フォント (Google Fonts) のブックマークレット追記
2018.10.02 Google Fonts を追加しました。
2021.01.16 Google Fonts を追加しました。
2021.09.28 Google Fonts を追加しました。
2021.11.27 IBM Plex Sans JP を追加しました。
2021.12.25 Google Fonts を追加しました。
2022.04.07 Google Fonts を追加しました。

ダウンロード・リンク

• Google Fonts

• Droid フォント, モトヤLシーダ3等幅 (MTLc3m), モトヤLマルベリ3等幅 (MTLmr3m) - Download Android Studio and SDK Tools | Android Developers
  • platform_frameworks_base/data/fonts at master ・ android/platform_frameworks_base ・ GitHub
• 源ノ角ゴシック | Adobe Fonts
  • adobe-fonts/source-han-sans at release ・ GitHub
• Google Noto Fonts

• フリーフォントやさしさゴシックのダウンロード | フォントな
• やさしさゴシック手書きのフリーダウンロード - フォントな自由｜日本語フリーフォント無料ダウンロード
• Miguフォント : M+とIPAの合成フォント
• Koruri - Japanese TrueType font
• UmePlus, Komatuna, Monapo, MMCedar - Modified fonts
• ぬかみそフォント - ダウンロード（β-reverse - 64DDポリゴンサイト）
• Textar Font - アスキーアート対応ウェブフォント（※ .otf ファイル同梱）
  • Textar - Google Code Archive - Long-term storage for Google Code Project Hosting.

• 自家製フォント工房
  • 源真ゴシック (げんしんゴシック) | 自家製フォント工房
  • Mgen+ (ムゲンプラス) | 自家製フォント工房

• RobotoJ-Font プロジェクト日本語トップページ - OSDN

• MORISAWA BIZ+ | 株式会社モリサワ

---

ほなね

---