WordPress

Crayon Syntax Highlighter のフォント一覧

こんにちは。安慶名勇子(アゲナユウコ)です。

先日、Crayon Syntax Highlighter のテンプレートを一覧にした記事をアップしたのですが、自分好みのデザインを選びやすくなって重宝しています。

せっかくなので、コードのフォントもアレンジして、サイトとの親和性を高めたいと思います。

コードに使用するフォントの変更は、Crayon Syntax Highlighter の設定欄で簡単にできるのですが、こちらも一覧では表示されないため、ひとつずつ検証する必要があります。

フォント14種類、背景58種類となると、トータルで812種類もの組み合わせは膨大すぎる…。ということで、背景が白のパターンと、黒のパターンでイメージを作成してみましたので、フォント選びの参考にどうぞ。

使用している背景は、Vs2012 と Vs2012 Black です。イメージ図の左下にあるのがフォント名です。

背景白(Vs2012)の場合のフォント一覧

背景黒(Vs2012 Black)の場合のフォント一覧

Crayon Syntax Highlighterのテンプレート一覧と背景色別一覧前のページ

アガる手帳にカスタマイズ!ゴムバンドの取り換え方 編次のページ

関連記事

  1. WordPress

    Table of Contents Plus:特定の記事のみ目次を非表示にする方法

    Wordpressの目次機能の代表的プラグインである Table of…

  2. WordPress

    Crayon Syntax Highlighterのテンプレート一覧と背景色別一覧

    プログラムコードをWordPressに美しく掲載するなら、Cra…

  3. WordPress

    投稿した記事が表示されないならプラグインを疑おう

    過去に投稿した記事が表示されなくなっている…というトラブルをたま…

  4. WordPress

    < が &lt; と表示されてしまう Crayon Syntax Highlighter の問…

    私、Wordpressのカスタマイズが好きでして、寝食を忘れてコ…

  5. WordPress

    WordPressでサイトマップを簡単に作成する方法

    今回はサイトマップのお話を。インターネット用語の『サイトマップ』…

  6. TCD

    TCDテーマMAGで背景色や背景画像を設定する方法

    このブログはTCDのMAGというWordPressテーマで作って…

毎週金曜更新!安慶名勇子のPODCAST

PAGE TOP