サクッとGoogle Web Fontsを使ってみよう!

2014/03/05

こんにちは。
今回はサクッとGoogle Web Fontsを使ってみたいと思います。

Google Web Fontsを使うと、CSSで画像のような凝ったフォントを使う事ができます。

サクッとGoogle Web Fontsを使ってみよう!

Google Web Fontsとは

Google Web Fontsとは、Googleが提供するクラウド上にある凝ったフォントを無料で使う事ができます。

 

使い方

まずは、使いたいフォントを探します。
下記のサイトにアクセスし、左側のカテゴリーやフォントのタイプ等で探します。

 

Google Web Fonts
webfont

 

Preview Textの所に任意の文字やフォントサイズを入れて確認もできます。

webfont1

 

使いたいフォントが決まったら、フォントの右側にある下記のボタンをクリックします。

webfont2

 

1,2番でフォントの設定をし、チェック等を入れます。

webfont4

 

3番のソースをコピーしてhead内にペーストします。
4番のソースをコピーして適応したいcssにペーストし完了です。

webfont3

 

いかがでしたか。Webフォントを使っているサイトがどんどん増えてきていますね。
以上で「サクッとGoogle Web Fontsを使ってみよう!」でした。

topへ戻る