読者です 読者をやめる 読者になる 読者になる

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