No more 豆腐!
フォントに該当文字がないとき、スクリーンに代替で表示される四角い記号。それを「豆腐」と呼ぶことが有るそうですが、Googleの、豆腐をなくすための世界中の言語のフリーフォント制作プロジェクト、「Noto Fonts(No Tofu Font!!)」が、Adobeと共同でオープンソースの中国語・韓国語・日本語のフォントを開発しました。
オープンソースの美しい Noto フォントファミリーに日本語、中国語、韓国語が加わりました。
これがそれなりのクオリティでございます。そして、フラットデザインにも合いそうな極細のフォントウェイトまで、充実のフォントウェイト7段階が揃っています。オープンソースということでWEBフォントとしての利用やアプリへの組み込みも可能なので、これからのクロスプラットフォームなアプリケーションの標準フォントになったりするかもしれません。
Google と Adobe から、それぞれ配布
このフォントはGoogleとAdobeからそれぞれ違う名前で配布されています。同じフォントなのに、チーム、デザイナーさん、お取引先様ごとに違う名前で使われたりしたらちょっとややこしくなりそうな気がしてくるのですが、、、
ちなみにフォントをソースからコンパイルしたいとか、カスタマイズしたいという人は Google Code や Github でフォントのソースが公開されています。
Google "Noto Sans Japanese" をインストール
インストール後のフォント名は"Noto Sans Japanese"になります。
Adobe "Source Han Sans Japanese" をインストール
インストール後のフォント名は、"Source Han Sans JP"、"源ノ角ゴシック"になります。Macですが、FontBook上では"源ノ角ゴシック"、Photoshop上では"Source Han Sans JP"と表示されました。
Typekitからインストールする方法と、SourceForgeからインストールする方法があります。
Typekitでインストール
Creative CloudなどでTypekitをご利用の方はこちらから。
Source Han Sans Japanese
(デザイナーさんがCreativeCloudからフォントを入れることを考えるとこれでインストールされるフォント名が主流になりそうですね。)
デフォルトではRegularとBoldのみインストールされますがせっかくなのですべてのウェイトを選びましょう!
OTFでインストール
または、SourceForgeでも配布されており、次のURLから、JP、CN、KRから選んで1言語ごと、または3言語対応のものをZIPでダウンロードできます。
- 日本語のみ:SourceHanSansJP-1.000.zip
- 中国語、日本語、韓国語セット:SourceHanSansOTF-1.000.zip
Google と Adobe でフォントウェイトの名称も違う!
Google: Noto Sans Japaneseのウェイト
Googleから Noto Sans Japanese をインストールした場合のウェイト(細い順)です。
- Thin
- Light
- DemiLight
- Regular
- Medium
- Bold
- Black
Adobe Source Han Sans JP(源ノ角ゴシック) のウェイト
SourceForgeで配布されているAdobe Source Han Sans Japanese をインストールした場合のウェイト(細い順)です。
- ExtraLight
- Light
- Normal
- Regular
- Medium
- Bold
- Heavy