まず 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 件のコメント:
コメントを投稿