2013年9月12日木曜日

Blogger で Google Web Fonts を使う

Blogger で PrettyPrint を使ったソースコード表示を指定たのですが、フォントが少し読みづらかったので Google Web Fonts からフォントを探して導入しました。

まず Google Fonts を開きます
http://www.google.com/fonts

ソースコードに向いてそうなフォントを探します。
"code" で検索すると "Source Code Pro" というフォントがあったのでこれにします。


"Add to Collection" ボタンでコレクションに追加します。
"Use" ボタンを押します。


表示された HTML の <link> タグをブログの HTML に貼り付けます。
ブログ設定画面の "テンプレート" > "HTMLの編集" ボタンで HTML が開けます。
<head> タグの中に挿入しておきます。


最後に CSS の font-family をスタイルにコピペすれば OK です。
以下のやり方に従っていれば、HTMLの中に prettyprint のスタイルが定義されているのでそこに挿入します。

それ以外の場合は、ブログ設定画面から
テンプレート > カスタマイズ > 上級者向け > CSS を追加
で、直接スタイルを定義すればOKです。


0 件のコメント:

コメントを投稿