お久しぶりのみどりです！

---

今日はWEBフォントの世界を、共に垣間見ましょう。

グーグルが日本語フォントを無料で提供しました

以前からグーグルさんのWEBフォントにはお世話になっていましたが、それは英語を使うときのみ。

なぜでしょう？それは日本語フォントがないからです。
本当に使いたいのは日本語・・・もう画像になんてしたくない・・・

そう思っていた矢先にグーグルさんから素敵な発表が。

グーグルがWEBフォントをクラウド上で無料で提供を開始

その名は「Noto Sans Japanese」

2014年7月から提供されていたらしいのですが、つい最近我が社のハイパーメディアクリエイターから教えてもらいました。w

見本 ↓↓


なんと、7weightもあるみたいです。

早速導入です！

導入の仕方はいたって簡単２ステップ。

①スタイルシートの一番上に@import urlを記述。

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

②font-familyは変更したい要素のセレクタに記述。（例：全体を変えたい場合はbody内）

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

思ったより簡単ですよね？
日本語は英語より文字数多くファイルサイズが大きくなりがちです。その為、導入すると読み込みに少々時間がかかるというマイナス要素もあるみたいですが、見た目が統一できるので良いですよね。

今回は無料でのご紹介ですが、銭を積めばこんなサービスもあります。

 有料WEBフォントが使えます！

無料があれば有料もあります。しかも有料は種類豊富です。

月額制で、”１フォントいくら”というものや、PV数で上限が決められているものもあります。
提供しているサイトがたくさんあるのでご紹介〜

TypeSquare [タイプスクウェア]

http://typesquare.com/

FONTPLUS｜フォントプラス

http://webfont.fontplus.jp/

WEBフォント｜アマナイメージズ

http://amanaimages.com/font/web/index.aspx

---

奥深いWEBフォントの世界。
SEO対策にも、画像をテキストにすることは良いことだし、こういう最新の技術をどんどん取り入れていきたいですね。