はてなブログのカスタマイズ記事です。 ブログのソースコード表示に Google Fonts(Webフォント) の Source Code Pro を設定しました。 HTML や CSS がわからない方でもコピペだけで設定できます。 この記事の目次 この記事の目次 Source Code Pro を選んだ理由 はてなブログに Source Code Pro を設定 準備 CSS で使う場所とデザインを指定 あとがき Source Code Pro を選んだ理由 ソースコード上で見間違えやすい 1 l I(イチ エル アイ) O 0(オー ゼロ) を、見分けやすくできるフォントです。 Source Code Pro で表示してみると・・・ 1 l I O 0 うん、確かにわかりやすい。 では、はてなブログに設定していきましょう。 はてなブログに Source Code Pro を設定 準備 設
![はてなブログのソースコード表示にSource Code Proフォントを設定 - 旅ラジオ](https://cdn-ak-scissors.b.st-hatena.com/image/square/37ff233c206285ebd10e47bb1ee6c15a6138e0ae/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ftabiradio%2F20160920%2F20160920173018.png)