フラットデザインにも合いそうな極細対応の綺麗な日本語フリーフォント Noto Sans / 源ノ角ゴシック をGoogleとAdobeが共同制作!

  • このエントリーをはてなブックマークに追加

No more 豆腐!

フォントに該当文字がないとき、スクリーンに代替で表示される四角い記号。それを「豆腐」と呼ぶことが有るそうですが、Googleの、豆腐をなくすための世界中の言語のフリーフォント制作プロジェクト、「Noto Fonts(No Tofu Font!!)」が、Adobeと共同でオープンソースの中国語・韓国語・日本語のフォントを開発しました。

http://googledevjp.blogspot.jp/2014/07/noto.html

オープンソースの美しい Noto フォントファミリーに日本語、中国語、韓国語が加わりました。

これがそれなりのクオリティでございます。そして、フラットデザインにも合いそうな極細のフォントウェイトまで、充実のフォントウェイト7段階が揃っています。オープンソースということでWEBフォントとしての利用やアプリへの組み込みも可能なので、これからのクロスプラットフォームなアプリケーションの標準フォントになったりするかもしれません。

Google と Adobe から、それぞれ配布

このフォントはGoogleとAdobeからそれぞれ違う名前で配布されています。同じフォントなのに、チーム、デザイナーさん、お取引先様ごとに違う名前で使われたりしたらちょっとややこしくなりそうな気がしてくるのですが、、、

ちなみにフォントをソースからコンパイルしたいとか、カスタマイズしたいという人は Google CodeGithub でフォントのソースが公開されています。

Google "Noto Sans Japanese" をインストール

インストール後のフォント名は"Noto Sans Japanese"になります。

http://www.google.com/get/noto/#/family/noto-sans-jpan

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をご利用の方はこちらから。

https://typekit.com/fonts/source-han-sans-japanese

Source Han Sans Japanese
(デザイナーさんがCreativeCloudからフォントを入れることを考えるとこれでインストールされるフォント名が主流になりそうですね。)

デフォルトではRegularとBoldのみインストールされますがせっかくなのですべてのウェイトを選びましょう!

すべてのフォントを選択する

OTFでインストール

または、SourceForgeでも配布されており、次のURLから、JP、CN、KRから選んで1言語ごと、または3言語対応のものをZIPでダウンロードできます。

http://sourceforge.net/projects/source-han-sans.adobe/files/

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

  • 日本語のみ: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

お役に立ちましたか?

  • このエントリーをはてなブックマークに追加

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です