GoogleFontsを試してみた。

こんにちは！
WEBディレクター／デザイナーのアキです。

前から気になっていたGoogleFontsを試してみました。
このサイトの英字フォントにはQuicksandを使用しています。

This is “Quicksand” from Google Fonts.

導入も簡単で２つのコードを貼付けるだけです。
まずはhead内に以下のコードを設置します。

<link href='http://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'>

あとはfont-familyで指定するだけ

font-family: 'Quicksand', sans-serif;

簡単ですね^^

通常はパソコンにフォントが入っていないと表示されないのですが、
GoogleFontsからフォントのデータを読み込ませているので、
使用フォントがパソコンに入っていなくても表示ができるようになります。

GoogleFontsは、オシャレなフォントが多いのでイイ感じ。
商用利用も可能です。

ふふふ、使用頻度が増えそうです^^

というわけで、
明日も頑張りま〜す^^/