Webフォント(Google Fonts)を使ってみた
手抜き記事。
Google Fontsを使ってみたのでメモ。
フォントを選ぶ
Google Fontsに行って、目当てのフォントを選ぶ。
CSSを読み込む
- Add this code to your website:
というところのスニペットをコピーしてHTMLに貼り付ける。
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
CSSでフォントを指定する
- Integrate the fonts into your CSS:
h1 { font-family: 'Lobster', cursive; }
完成!
まとめ
簡単に使えてページの見た目が変わって楽しい。