Noto Sans Japanese。Google Fonts で日本語のWEBフォントが試験的に利用可能に

Noto Sans Japanese。Google Fonts で日本語のWEBフォントが試験的に利用可能に
このエントリーをはてなブックマークに追加
PR

Google と Adobe が協力して開発した、多くの言語のバージョンが存在する Noto Sans というフォントですが、なんと日本語用の Noto Sans Jpanese も Google Web Fonts で利用できるようになりました。

まだ試験的な段階ですが、CDNから利用できます。

 

こちらのページの japanese という項目に利用方法が乗っています

http://www.google.com/fonts/earlyaccess

 

CSSに @import すれば利用することが出来ます

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

 

フォントファミリー名は

font-family: 'Noto Sans Japanese', serif;

 

これだけで Noto Sans の日本語版が利用できます。

 

 

ただ、日本語のフォントはかなり重たいです

英数字みたいに、文字が少なければ軽くて読み込みにも時間がかかりません

しかし、日本語フォントとなると ひらがな、カタカナ、大量の漢字

読み込む量が多いのです

 

利用しているフォントの太さのもののみを読み込んでくれますが 一つ1.8MBほどもあります。複数サイズを利用していると、もっと増えていきます。

モバイル向けには少し厳しいかなと思いますが、一度キャッシュされたらブラウザに残りますのでPC向けには特に問題はないかと思います。

また、フォントは読込が完了しない間は、代替でOSにインストールされているフォントから利用しますので、文字が見れないっていうことは起きません。

 

 

メイリオフォントに飽きたって方は試してみてはいかがでしょうか

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)