Milk+ea

Weblog Is My Hobby.

アメブロで「Google Web Fonts」を使う方法

アメブロで「Google Web Fonts」を使う方法

CSSの編集」が可能なテーマにしてから読んでね。あと、CSSの知識が多少必要です。

Google Web Fonts」を指定する

  1. まず、使用したいGoogleFontを選ぶ
    例えば、Nunitoというフォントを使いたい!

    Nunitoのlinkタグとfont-familyプロパティの設定


    ①と②の箇所の文章を以降で使用します。使用したいフォントのページを開いたまま次へ進もう。

  2. ブログ管理→設定・管理→プラグインの追加→フリープラグイン を開いて次のコードを入力欄へコピーペースト

    となっている部分を①の文章、(例えば、http://fonts.googleapis.com/css?family=Nunito)で書き換えよう。書き換えたら保存だ。

  3. ブログ管理→設定・管理→サイドバーの配置設定を開いてフリープラグインを「使用しない機能」→「使用する機能」へドラッグ&ドロップ

    フリープラグインを使用する機能へ移動

  4. あとはCSSの編集から好きなセレクタに②の文章、(例えば、font-family: 'Nunito', sans-serif;)を適用して「Google Web Fonts」を使おう。

できたかな?