Crayon Syntax Highlighter のフォント一覧

WordPress

はじめに

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

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

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

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

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

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

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

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

Yuko Agena

Yuko Agena

モノづくりやひとり旅、ガジェット好きのパラレルワーカー。好きなことを気ままに発信しています。近々YouTubeチャンネルを開設予定。

関連記事

特集記事

コメント

この記事へのトラックバックはありません。

TOP