Yura YuLife

ITエンジニアの覚え書き。

CSSで等幅フォントの指定

CSS

ウェブサイトやブログ記事でソースコードなどを掲載する場合の、等幅フォントの設定例です。

はてなブログの<pre class="code"></pre>に適用されるCSSに、日本語にも強いソースコード向けの等幅フォントRicty Diminishedを追加しています。

pre.code {
  font-family: 'Ricty Diminished', 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
}

<pre class="code">
  def main():
      print "ABCDEFGH"
      print "おはよう"
</pre>

参考URL