Google Web Fonts 日本語の比較と設定
「Google Web Fonts の比較と設定」Google Web Fontsの中で日本語に対応しているものを主に取り上げて、紛らわしくなる文字を中心に比較してみた。Noto Serif Japanese(源ノ明朝)フォントはダウンロードして比較する。
.wf-noto_serif_jp { font-family: 'Noto Serif JP', serif;}
あるいは
.wf-noto_sans_sc { font-family: 'Noto Sans SC', sans-serif;}
のように、「serif」あるいは「sans-serif」という代替のフォントも設定しています。
文中で半角で＜p class="wf-sawarabi_m"＞と記述。headで＜ink REL="stylesheet" href="/css/google-web-jp-font.css" TYPE="TEXT/CSS"＞.
お気に入り
Google Web Fontsを数多く下に上げた中で、特に気に入ったものを取り出してみる。
主に漢字・平仮名・カタカナ
▶[Sawarabi Mincho]class="wf-sawarabi_m"▼▲あへゑアハヘエカロニ琇徧工口二八人入永"'0146789'"＠”’０１７９’”ACDGIJKLMOPQTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"★
▶[Noto Serif JPフォント]class="wf-noto_serif_jp"▼▲あへゑアハヘエカロニ琇徧工口二八人入永"'0146789'"＠”’０１７９’”ACDGIJKLMOPQTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"★
▶[Kosugi Maru]class="wf-kosugi_maru"▼▲あへゑアハヘエカロニ琇徧工口二八人入永"'0146789'"＠”’０１７９’”ACDGIJKLMOPQTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"★
▶[Noto Sans SC]class="wf-noto_sans_sc"▼▲あへゑアハヘエカロニ琇徧工口二八人入永"'0146789'"＠”’０１７９’”ACDGIJKLMOPQTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"★
主に英数文字
▶[Inconsolata]class="wf-Inconsolata"▼▲あへゑアハヘエカロニ琇徧工口二八人入永"'0146789'"＠”’０１７９’”ACDGIJKLMOPQTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"★
▶[Source Code Pro]class="wf-Source_Code_Pro"▼▲あへゑアハヘエカロニ琇徧工口二八人入永"'0146789'"＠”’０１７９’”ACDGIJKLMOPQTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"★
▶[Merienda]class="wf-Merienda"▼▲あへゑアハヘエカロニ琇徧工口二八人入永"'0146789'"＠”’０１７９’”ACDGIJKLMOPQTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"★
▶[Charm]class="wf-Charm"▼▲あへゑアハヘエカロニ琇徧工口二八人入永"'0146789'"＠”’０１７９’”ACDGIJKLMOPQTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"★
▶[Fauna One]class="wf-Fauna_One"▼▲あへゑアハヘエカロニ琇徧工口二八人入永"'0146789'"＠”’０１７９’”ACDGIJKLMOPQTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"★
▶[Cormorant Upright]class="wf-Cormorant_Upright"▼▲あへゑアハヘエカロニ琇徧工口二八人入永"'0146789'"＠”’０１７９’”ACDGIJKLMOPQTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"★
▶[Dancing Script]class="wf-Dancing_Script"▼▲あへゑアハヘエカロニ琇徧工口二八人入永"'0146789'"＠”’０１７９’”ACDGIJKLMOPQTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"★
▶[Headland One]class="wf-Headland_One"▼▲あへゑアハヘエカロニ琇徧工口二八人入永"'0146789'"＠”’０１７９’”ACDGIJKLMOPQTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"★
▶[nobile]class="wf-nobile"▼▲あへゑアハヘエカロニ琇徧工口二八人入永"'0146789'"＠”’０１７９’”ACDGIJKLMOPQTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"★
▶[PT Mono]class="wf-PT_Mono"▼▲あへゑアハヘエカロニ琇徧工口二八人入永"'0146789'"＠”’０１７９’”ACDGIJKLMOPQTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"★
明 朝
▶1.[Hannari]▼▲あへゑアハヘエカロニ琇工八人入口力二徧巖邉永0127０１’”’”２；：７Bｂ＠@ILab'"'doOPZQ"'"qp;:+ilke★
▶2.[Kokoro]▼▲あへゑアハヘエカロニ琇工八人入口力二徧巖邉永0127０１’”’”２；：７Bｂ＠@ILab'"'doOPZQ"'"qp;:+ilke★
▶3.[Noto Serif JP]▼▲あへゑアハヘエカロニ琇工八人入口力二徧巖邉永0127０１’”’”２；：７Bｂ＠@ILab'"'doOPZQ"'"qp;:+ilke★
▶4.[Noto Serif SC]▼▲あへゑアハヘエカロニ琇工八人入口力二徧巖邉永0127０１’”’”２；：７Bｂ＠@ILab'"'doOPZQ"'"qp;:+ilke★
▶5.[Noto Serif TC]▼▲あへゑアハヘエカロニ琇工八人入口力二徧巖邉永0127０１’”’”２；：７Bｂ＠@ILab'"'doOPZQ"'"qp;:+ilke★
▶6.[Sawarabi Mincho]▼▲あへゑアハヘエカロニ琇工八人入口力二徧巖邉永0127０１’”’”２；：７Bｂ＠@ILab'"'doOPZQ"'"qp;:+ilke★
ゴシック
▶7.[Kosugi]▼▲あへゑアハヘエカロニ琇工八人入口力二徧巖邉永0127０１’”’”２；：７Bｂ＠@ILab'"'doOPZQ"'"qp;:+ilke★
▶8.[Kosugi Maru]▼▲あへゑアハヘエカロニ琇工八人入口力二徧巖邉永0127０１’”’”２；：７Bｂ＠@ILab'"'doOPZQ"'"qp;:+ilke★
▶9.[M PLUS 1p]▼▲あへゑアハヘエカロニ琇工八人入口力二徧巖邉永0127０１’”’”２；：７Bｂ＠@ILab'"'doOPZQ"'"qp;:+ilke★
▶10.[Noto Serif JPフォント]▼▲あへゑアハヘエカロニ琇工八人入口力二徧巖邉永0127０１’”’”２；：７Bｂ＠@ILab'"'doOPZQ"'"qp;:+ilke★
▶11.[M PLUS Rounded 1c]▼▲あへゑアハヘエカロニ琇工八人入口力二徧巖邉永0127０１’”’”２；：７Bｂ＠@ILab'"'doOPZQ"'"qp;:+ilke★
▶12.[Noto Sans JP（源ノ角ゴシック）]▼▲あへゑアハヘエカロニ琇工八人入口力二徧巖邉永0127０１’”’”２；：７Bｂ＠@ILab'"'doOPZQ"'"qp;:+ilke★
▶13.[Noto Sans SC]▼▲あへゑアハヘエカロニ琇工八人入口力二徧巖邉永0127０１’”’”２；：７Bｂ＠@ILab'"'doOPZQ"'"qp;:+ilke★
▶14.[Noto Sans TC]▼▲あへゑアハヘエカロニ琇工八人入口力二徧巖邉永0127０１’”’”２；：７Bｂ＠@ILab'"'doOPZQ"'"qp;:+ilke★
▶15.[Sawarabi Gothic]▼▲あへゑアハヘエカロニ琇工八人入口力二徧巖邉永0127０１’”’”２；：７Bｂ＠@ILab'"'doOPZQ"'"qp;:+ilke★
英数フォント
▶16.[Pt_serif]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶17.[nobile]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶18.[PT Mono]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶19.[Inconsolata]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶20.[Source Code Pro]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶21.[Merienda]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶22.[Charm]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶23.[Amita]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶24.[PT Serif]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶25.[Martel]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶26.[Taviraj]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶27.[Karma]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶28.[Abhaya Libre]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶29.[Ovo]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶30.[Cutive]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶31.[Halant]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶32.[Trocchi]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶33.[Artifika]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶34.[Kadwa]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶35.[Libre Baskerville]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶36.[EB Garamond]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶37.[Vollkorn]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶38.[Rokkitt]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶39.[Fauna One]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶40.[Cormorant Upright]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶41.[Headland One]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶42.[Kotta One]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶43.[Nobile]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶44.[Raleway]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶45.[B612]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★
▶46.[Dancing Script]▼▲あへゑアハ琇徧永"'0123456789'"＠”’０１３４７９’”ABCDEFGHIJKLMNOPQRSTUVWXYZ@.'"'abcdefghijklmnopqrstuvwxyz"'"AIL★