googleWEBフォントの使い方 | SEO対策･ホームページ制作[BRIDGE]ブログ

fontgoogleWEBフォントの使い方

2013/09/05

今更ながらgoogleウェブフォントの使い方を紹介します。

まずは、http://www.google.com/fonts/にアクセスして頂き数あるフォントの中から好きなフォントを選びます。

次に→マークのQuickUseをクリック、好みのフォントスタイルにチェックを入れ3項目目の[Add this code to your website]よりソースをコピーします。

スタンダードの場合は<head>から</head>までの間にコピーし、@importの場合はスタイルシートの上部にコピーします。

そして、4項目目のソースをCSSの使用したい部分にコピペするだけです。

カッコいいフォントを手軽に無料で使用できます。