Crayon Syntax Highlighter のフォント一覧

WordPress・Web運営

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

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

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

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

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

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

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

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

Yuko Agena

Yuko Agena

モノづくりやひとり旅、ガジェット好きのソリスト。仕事のこと、プライベートのこと、日々考えていることをいろいろと発信中。

関連記事

特集記事

Yuko Agena

Yuko Agena

モノづくりやひとり旅、ガジェット好きのソリスト。仕事のこと、プライベートのこと、日々考えていることをいろいろと発信中。YouTubeチャンネルを開設しました。

更新情報

2021年8月
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

最近の記事

  1. 【Vol.129】修理担当者の凄技を目の当たりに唖然としてしまった話

  2. 【Vol.128】引きこもり気質の私のスポーツ経験と趣味の質が全然違うのが自分の中でも面白い

  3. 【Vol.127】感情年表の作成は辛くても、自分を救うきっかけになるかもしれない

  4. 【Vol.126】SNSで誕生日を非公開にしたきっかけと、半年分の振返り作業の成果の話

  5. 【Vol.125】wena3戻ってきました。当たり前となったあの習慣が故障の原因かも。

ランキング

  1. 1

    テレビなしの生活を10年以上続けている私が感じる、テレビのない生活のメリット・デメリット

  2. 2

    WordPress「サイトに重大なエラーがありました」の解消方法

  3. 3

    WordPressで管理者メールアドレスが変更できないときの対処法

  4. 4

    YouTubeで流行っているらしいflixzoneを推奨するスパムコメントに気をつけて!

  5. 5

    Todoistは有料版がおススメ!無料版との違いと使い心地をグランドマスターが解説してみる

TOP