フォントのテスト

ゴシック体

font-family: "Helvetica Neue",HelveticaNeue,"Noto Sans CJK JP","Noto Sans JP","Segoe UI","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,arial,sans-serif;

  • ベースはGoogleフォントのNoto Sans JP。Android と Chrome OS のシステムフォントに採用されている Noto Sans CJK JP を先に指定する。
  • Mac・iOS:英字は Helvetica Neue。Windowsにインストールされている場合はスペースなしで指定する。日本語はHiragino Kaku Gothic ProN(Mac10.8以前は「ヒラギノ角ゴ Pro W3」で指定すべきだがデフォルトフォントなので不要と判断)。
  • Windows:英字はSegoe UI、日本語はMeiryo,メイリオ(Vista)。
  • Android:Arialを指定すれば Droid Sans に置き換わる。
  • 游フォントのデフォルト搭載は、Windows 8.1以降、OS X Mavericks以降だが、Windows 8.1 では “細字” がマッチするため綺麗に表示されない。使う場合は游ゴシックの記述はWindowsとMacで微妙に正規表示が違うので合計4種記述が必要。

明朝体

font-family: Georgia,"游明朝体","YuMincho","游明朝","Yu Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN W3",HiraMinProN-W3,"ヒラギノ明朝 ProN","Hiragino Mincho ProN","ヒラギノ明朝 Pro","Hiragino Mincho Pro","HGS明朝E","MS P明朝","MS PMincho",serif;

  • 日本語の「游明朝」「ヒラギノ明朝 Pro W3」とメインとします。
  • Windowsの場合、シェア率の高い「MS P明朝」がアンチエイリアスに対応していないので、MicrosoftOfficeに入っている「HGS明朝E」を保険として。
  • GeorgiaはWindows・Mac ともに採用されているセリフ体の英字フォント。
  • ただし游明朝体は、Android非搭載&IEでテキストの下に余白ができる。

Noto Sans JP

100 FONT Font フォント 字体
300 FONT Font フォント 字体
400 FONT Font フォント 字体
500 FONT Font フォント 字体
700 FONT Font フォント 字体
900 FONT Font フォント 字体
100 FONT Font フォント 字体
300 FONT Font フォント 字体
400 FONT Font フォント 字体
500 FONT Font フォント 字体
700 FONT Font フォント 字体
900 FONT Font フォント 字体

ヒラギノ角ゴ ProN

100 FONT Font フォント 字体
600 FONT Font フォント 字体
100 FONT Font フォント 字体
600 FONT Font フォント 字体

メイリオ

100 FONT Font フォント 字体
600 FONT Font フォント 字体
100 FONT Font フォント 字体
600 FONT Font フォント 字体

Hiragino Mincho ProN

100 FONT Font フォント 字体
600 FONT Font フォント 字体
100 FONT Font フォント 字体
600 FONT Font フォント 字体

游明朝

100 FONT Font フォント 字体
600 FONT Font フォント 字体
100 FONT Font フォント 字体
600 FONT Font フォント 字体

Helvetica Neue

100 FONT Family
200 FONT Family
300 FONT Family
400 FONT Family
500 FONT Family
600 FONT Family
100 FONT Family
200 FONT Family
300 FONT Family
400 FONT Family
500 FONT Family
600 FONT Family

Avenir

100 FONT Family
400 FONT Family
500 FONT Family
600 FONT Family
700 FONT Family
100 FONT Family
400 FONT Family
500 FONT Family
600 FONT Family
700 FONT Family

Arial

100 FONT Family
600 FONT Family
100 FONT Family
600 FONT Family