google fontの使い方

Yukimi Sato 398views 更新:2014年6月16日

https://www.google.com/fonts#

<head>

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

</head>

headに使用したいfontのcssへのリンクを記述します。

h1 {
font-family: 'Lora', serif;
}

そのフォントを適用したい箇所に「font-family」として指定を入れます。

英語フォントなので日本語には対応していませんが、
サイト内のタイトルや英単語をポイントで装飾するのに簡単に使えます。

またフォントを読み込むことでどのくらい読み込み速度に変化が出るか掲載されているため、読み込みのし過ぎには注意が必要です。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません