Google Font APIを使ってみた

先日、Googleが発表したGoogle Font APIを試しに使ってみました。

適用しているのは、一番上の「SUSH-i LOG」の部分と、各記事のタイトルで、「Droid Serif」というフォントを利用しています。

利用方法もかなり簡単。外部CSSを読み込むように、head要素内に、

1
<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>

と記述し、適用させたい箇所に通常通りにfont-familyで指定するだけです。

1
2
3
h1 {
font-family:'Droid Serif';
}

読み込み速度も気にならない程度、フォントの数はまだそこまでありませんが今後に期待です。

ただ、日本語を対応するとなると、容量が膨大になるので、どうなるかが気になります。それも期待。

Author: SUSH
Link: http://blog.sus-happy.net/google-font-api/
Copyright Notice: All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.