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

Webデザイン初心者向けのあれこれ

Webデザイン初心者向けのあれこれを書いていきます。

作業が捗る! プログラミングに適したフォント7個

皆さんはコーディング・プログラミングをする時はなんのフォントで打ち込んでいますか?

 

DwやHTMLエディタ、テキストエディタのデフォルト設定で多いMSゴシックのまま作業をしているという人もいるでしょう。

勿論デフォルトのままでもいいのですが、数字の“0”と英語の“O”の区別がつきにくかったり、

数字の“1”と大文字の“I”(アイ)と小文字の“l”(エル)と記号の“|”(パイプ)が見わけがつかなかったり……一瞬で識別が出来ないというのは困りますよね。

 

今日はそんな問題を解決する、コーディング・プログラミング作業が捗る見やすいフォントを8個ご紹介します。

 

 

ゆたぽん

http://net2.system.to/pc/font.html

f:id:webarekore:20121212233146j:plain

漢字が使えるフリーフォント特集でも既にお馴染みな手書き風のゆたぽんコーディングフォントです。個人的にはゆたぽんBoldが好きでしばらく愛用していました。

 

Miguフォント

http://mix-mplus-ipa.sourceforge.jp/migu/

f:id:webarekore:20121212233211j:plain

現在私が愛用しているフォントです。様々なWeb系のサイトで見かけます。 濁点、半濁点の区別などとても見やすい。画像のフォントはMigu 1Mです。

 

Osakaフォント

http://osaka.is.land.to/

f:id:webarekore:20121212233238j:plain

Macで標準搭載されている人気の高いOsakaフォントのWindows版プロジェクトだそうです。

 

 Inconsolata

http://levien.com/type/myfonts/inconsolata.html   

f:id:webarekore:20121212233250j:plain

Top 10 Programming Fontsという記事で1位に輝いたフォントです。国産フォントではないので日本語対応はしていませんが細く美しくも見やすい英字は見ているだけでコーディングが捗りそうです。 

 

Source Code Pro

http://sourceforge.net/projects/sourcecodepro.adobe/   

f:id:webarekore:20121212233309j:plain

f:id:webarekore:20121212233319j:plain

Adobeがコーディング用フォントをオープンソースとして無料公開しているフォントです。様々な太さがあるので好みで選べます。画像は 上がBlack、下がSemiboldです。

 

メイリオ 

f:id:webarekore:20121212233354j:plain

ダブルクォーテーション(“”) の識別がつきにくいという点はありますがキレイな等幅フォントという事で愛用者ももしかしたら多いのではないのでしょうか。

 

小塚ゴシック

f:id:webarekore:20121212233409j:plain

Adobeソフトを持っているならその汎用性の高さにメロメロになっている人も多いであろう小塚ゴシック。コーディング用に使用しているという話はあまり聞きませんが、意外と綺麗で見やすいかも……画像は小塚ゴシックRです。

和風のサイトを作っている時には小塚明朝を使えば気分が乗ってくるかも……!?

 

以上、7種類いかがでしょうか。色々試して自分にピッタリなフォントを見付けてください。