Crayon Syntax Highlighter のフォント一覧

はじめに

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

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

2020.04.11

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

プログラムコードをWordPressに美しく掲載するなら、Crayon Syntax Highlighterというプラグインがおすすめ...

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

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

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

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

背景白（Vs2012）の場合のフォント一覧

背景黒（Vs2012 Black）の場合のフォント一覧