Kawaninon.com

写真やサンプルプログラムなど、
日々の気になった出来事をメモしてる個人的なブログです。

等幅フォントのフォントサイズを可変幅フォントに合わせるスタイルシートを生成

CSSを使用して、Preタグで指定された等幅フォントのサイズを可変幅フォントのサイズに合わせました。font-familyでmonospaceの後に記述した可変幅フォントのサイズが適用されたので、ソースコードのフォントサイズが揃えられます。

pre code,
pre samp {
  font-family: monospace, serif;
}

サンプルコードです。font-familyで指定した等幅フォントのフォントサイズを可変幅フォントのフォントサイズに合わせて出力しました。

関連リンク

おすすめリンク