OpenType フォントの表示テスト

Tweet はてなブックマーク TOPSY

目次

  1. OpenType フォントとは?(PostScript フォント形式)
  2. ゴシック系
  3. 明朝体
  4. 表示テスト
  5. ブックマークレット
  6. 備考

OpenType フォントとは?(PostScript フォント形式)

OpenType (オープンタイプ)はコンピュータで扱うスケーラブルフォントの標準規格。TrueTypeの次期フォントとしてアドビシステムズ、マイクロソフトが共同で設計し、アップルコンピュータがそれに賛同する形で開発された。OpenType はマイクロソフトの登録商標であり、OpenType のロゴはアドビシステムズの登録商標である。

OpenTypeとはTrueTypeとPostScriptフォントの両方の総称であるが、PostScriptフォント形式のみをOpenTypeと呼ぶことも多い。

OpenType - Wikipedia

OpenType フォント(.otf ファイル)だと Windows でもそのままでブラウザ上でまぁまぁきれいに表示できますな。

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

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

ゴシック系

ゴシック系 - on Windows 10 Microsoft Edge のスクリーンショット

ゴシック系 - on Windows 10 Chrome47 のスクリーンショット

ゴシック系 - on Windows 10 MacType + Firefox43 のスクリーンショット

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

OpenType フォント - ゴシック系
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Sans-serif あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
小塚ゴシック Pr6N M あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Textar あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
ぬかみそ あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
01フロップデザイン あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
ぼくたちのゴシック あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
ぼくたちのゴシック2レギュラー あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
ぼくたちのゴシック2ボールド あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
07やさしさゴシック あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
07やさしさゴシック手書き あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
07やさしさアンチック あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
07ロゴたいぷゴシック7 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

Adobe Source Han Sans (源ノ角ゴシック)/ Google Noto Fonts

源ノ角ゴシック - on Windows 10 Microsoft Edge のスクリーンショット

源ノ角ゴシック - on Windows 10 MacType + Firefox43 のスクリーンショット

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

OpenType フォント- 源ノ角ゴシック
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Sans-serif あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック JP あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック ExtraLight あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック Light あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック Normal あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック Regular あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック Medium あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック Bold あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック Heavy あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

Firefox で DirectWrite 使用時は 'Regular' など指定ができないようです。font-weight の指定は可能でした。

OpenType フォント- 源ノ角ゴシック font-weight 指定
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック (100) あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック (300) あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック (350) あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック (400) あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック (500) あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック (700) あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック (900) あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

※ CSSで font-family を指定する際は、ブラウザ・DirectWrite の設定状態及び指定フォント名により表示に差異がかなりあるので注意が必要です。

OpenType フォント- 源ノ角ゴシック CSS指定テスト
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Source Han Sans あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック Regular あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Source Han Sans Regular あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
SourceHanSans-Regular あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
1. 源ノ角ゴシック Regular
2. 源ノ角ゴシック
あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
1. Source Han Sans Medium
2. 源ノ角ゴシック
あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
OpenType フォント- 源ノ角ゴシック JP CSS指定テスト
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック JP あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Source Han Sans JP あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック JP Regular あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Source Han Sans JP Regular あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
SourceHanSansJP-Regular あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
1. 源ノ角ゴシック JP Regular
2. 源ノ角ゴシック JP
あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
1. Source Han Sans JP Medium
2. 源ノ角ゴシック JP
あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
OpenType フォント- Noto Sans CJK JP
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Sans-serif あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Noto Sans CJK JP あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Noto Sans CJK JP Thin あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Noto Sans CJK JP Light あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Noto Sans CJK JP DemiLight あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Noto Sans CJK JP Regular あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Noto Sans CJK JP Medium あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Noto Sans CJK JP Bold あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Noto Sans CJK JP Black あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
OpenType フォント- Noto Sans CJK JP font-weight 指定
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Sans-serif あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Noto Sans CJK JP (100) あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Noto Sans CJK JP (300) あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Noto Sans CJK JP (350) あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Noto Sans CJK JP (400) あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Noto Sans CJK JP (500) あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Noto Sans CJK JP (700) あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Noto Sans CJK JP (900) あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

Source Han Code JP(源ノ角ゴシック Code JP)

源ノ角ゴシック Code JP - on Windows 10 Microsoft Edge のスクリーンショット

源ノ角ゴシック Code JP - on Windows 10 MacType + Firefox43 のスクリーンショットのスクリーンショット

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

OpenType フォント- 源ノ角ゴシック Code JP
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Sans-serif あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
monospace あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック Code JP あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
ExtraLight あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Light あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Normal あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Regular あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Medium あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Bold あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Heavy あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

Firefox で DirectWrite 使用時は 'Regular' など指定ができないようです。font-weight の指定は可能でした。

OpenType フォント- 源ノ角ゴシック Code JP font-weight 指定
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
font-weight:100 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
font-weight:300 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
font-weight:350 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
font-weight:400 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
font-weight:500 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
font-weight:700 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
font-weight:900 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

Adobe Source Han Sans HW(源ノ角ゴシック HW)

monospace(等幅)版も出てました。

源ノ角ゴシック HW - on Windows 10 Microsoft Edge のスクリーンショット

源ノ角ゴシック HW - on Windows 10 MacType + Firefox43 のスクリーンショット

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

OpenType フォント - 源ノ角ゴシック HW
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
monospace あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
源ノ角ゴシック HW あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Noto Sans Mono CJK JP あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

RobotoJフォント

Androidの標準のフォント「Roboto」に、日本語フォントを合成・改変して作成しました。Roboto+日本語(J)という事で、RobotoJと命名しました。

組み合わせた日本語フォントは、モトヤLシーダ3等幅、源真ゴシック、Miguフォント、およびM+ OUTLINE FONTSになります。

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

RobotoJフォントは以下の4種類となります。

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

RobotoJ-Font(.otf) on Windows 10 Microsoft Edge のスクリーンショット

RobotoJ-Font(.otf) on Windows 10 MacType + Firefox51 のスクリーンショット

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

OpenType フォント - RobotoJフォント
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Serif あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
monospace あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
RobotoJ あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
RobotoJS あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
RobotoJAA あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

明朝体

明朝体 - on Windows 10 Microsoft Edge のスクリーンショット

明朝体 - on Windows 10 MacType + Firefox43 のスクリーンショットのスクリーンショット

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

OpenType フォント- 明朝体
font-familyあいうえお漢字Windows \ ゼロOiIlQプブカ力エ工ロ口ー一ニ二
無指定 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
Serif あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
小塚明朝 Pr6N R あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
うつくし明朝体 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
はんなり明朝 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二
こころ明朝体 あいうえお 葛噌一二三語漢字片 Windows \ 0 O iI l Q プブ カ力エ工ロ口ー一ニ二

表示テスト

JavaScript 初心者なので内容未保証ですけど...


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

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

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

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


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

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

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

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

ブックマークレット

JavaScript 初心者なので内容未保証ですけど... XPのIE8でも使える筈です。

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

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

<body style="font-family: '07やさしさゴシック';">

備考

最終更新日:2017.1.27

2014.01.16 怨霊と吐き溜は TrueType でした。間違えました。すみません。。。
2014.01.16 表示テストをちょっと変更。
2014.01.19 スクリーンショットを追加。
2014.01.24 JavaScript をIE8で動く仕様に変更。CSSプロパティを追加。
2014.04.10 07ロゴたいぷゴシック7, ぬかみそフォント (nukamisoOTF), Textar, 不忘フェルトペン書体04 を追加。
2014.05.25 小塚ゴシック Pr6N M, 小塚明朝 Pr6N Rを追加。
2014.07.17 Adobe Source Han Sans源ノ角ゴシック)を追加。
2014.07.24 Adobe Source Han Sans源ノ角ゴシック)について表示テストを追記。
2014.09.23 Noto Sans CJK JP を追加。
2014.10.19 07やさしさゴシック手書き を追加。
2015.06.13 Source Han Code JP(源ノ角ゴシック Code JP) を追加。
2015.07.12 Source Han Code HW(源ノ角ゴシック HW)を追加。
2015.12.21 手書き風, 面白系を 手書き風フォントの表示テスト へ移動。
2015.12.22 ぼくたちのゴシック2レギュラー, ぼくたちのゴシック2ボールド, こころ明朝体 追加。
2017.01.27 RobotoJフォントを追加。

小塚ゴシック Pr6N M (KozGoPr6N-Medium.otf), 小塚明朝 Pr6N R (KozMinPr6N-Regular.otf) は Adobe Reader のインストールフォルダ (C:\Program Files (x86)\Adobe\Reader 11.0\Resource\CIDFont) にありました。

ダウンロード・リンク

Valid CSS!