Neue Haas Grotesk Display Pro 46 Light + Noto Sans Japanese Regular + 約物半角専用のWebフォント「YakuHanJP_Noto」

  -  1style
Neue Haas Grotesk Display Pro 46 Light + Noto Sans Japanese Regular + YakuHanJP_Noto
40px
38px
36px
34px
33px
32px
31px
30px
29px
28px
27px
26px
25px
24px
23px
22px
21px
20px
19px
18px
17px
16px
15px
14px
13px
12px
11px
10px
9px

書体について

Webデザイナーの方なら一度は使ったことのある「Noto Sans Japanese・源ノ⾓ゴシック」。欧文をNeue Haas Grotesk Display Pro 46 Lightに指定した合成フォントの組見本です。

WebデザインにおいてWindows環境でもMac環境でも、できるだけ同じようにテキスト(※画像ではない)を表示させるには、フォント指定が重要になってきます。
特にMac・iOS(iPhone・iPad)の標準フォント「ヒラギノゴシック」が、Windowsではインストールされておらず、Mac・Windows共通の「游ゴシック」はWindowsでは文字の輪郭(アウトライン)が文字サイズによってはギザギザに表示される場合があります。かなりデザイン作業時に制限がかかり合理的ではありません。

そこでWeb業界で定番となりつつあるWebフォントの人気書体Google Fontsの「Noto Sans Japanese」と括弧、句読点を半角にできる約物半角専用のWebフォント「Yaku Han JP」のNotoシリーズにあわせてデザインされた「YakuHanJP_Noto」を使用し、欧文を「Neue Haas Grotesk Display Pro 46 Light 」と指定した合成フォントの組見本を作成しました。Notoは「Sans」なのでゴシック体です。

約物半角専用のWebフォント「YakuHanJP_Noto」

こちらの2種類のフォントの組み合わせは無料で使用でき、Webフォントの有料サービスやPVの上限を気にすることなくWebデザインの仕事に導入できるので人気のフォントの組み合わせとなっています。Noto Sans Japaneseの従属欧文(英数字)も日本語になじんでおり、特に欧文フォントを別に指定する必要がないのもポイントです。

よりよいサイトを目指してWikipediaのように「フォントを愛する方、詳しい方から」の情報提供や修正依頼を募集しています!
「原稿をこうして欲しい! 修正して欲しい! リンクの修正依頼・ご意見等」ございましたら、
お手数ですがこちらの改善依頼フォームからご連絡願います!

Webデザイナーの為のWebデザインギャラリーGood Web Design