個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

プログラミング・コーディングの作業効率UP!ミスを激減させる見やすいフリーフォント18

プログラミングやコーディングするとき、どんなフォントを使っていますか?
私の場合、Coda 2というMac用のコーディングソフトを利用してコーディングしています。
このCoda 2には、デフォルトでMigMix2Mというフォントが入っていますが、かすれ気味で読みにくく、普段使いにはまったく適していません。
しかも、0(ゼロ)とO(オー)、1(いち)とl(エル)の区別がつきにくく、ミスタイプをしがちになります。
そのほか、コロンとセミコロンなどの細かな記号を使い分ける必要があります。
ですので、フォントにはぜったいこだわったほうがいいと思います。

coda2でフォントを変える方法

私は現在、Inconsolataというフォントを利用しています。
このフォントをCoda 2で利用する方法を書いておきます。
まずフォントをダウンロードしてインストールします。
その後は、Codaの設定パネルを開き、「エディタ」グループの「エディタのフォント」で「選択」ボタンをクリックし、インストールした「Inconsolata」を選択します。
これで完了です。
フォントの大きさも適度に変更すると、より使いやすくなりますよ。

Anonymous Pro

Anonymous
Regular, Italic, Bold, Bold Italic
Anonymous Pro

Inconsolata

Inconsolata
Inconsolata

Hermit

Hermit
Light, Medium, Bold
Hermit

Edlo

edlo
Edlo

Meslo

meslo
LG Small, LG Medium, LG Large
Meslo

Vera Sans Mono

37d8aff129ecd7d3fc495b7239f834db
Roman, Oblique, Bold, Bold Oblique
Vera Sans Mono

Fira Mono

firaSans
Regular & Bold
Fira Mono

PT Mono

ptmono
Regular & Bold
PT Mono

Envy Code

envy
Regular, Italic, Bold
Envy Code

Ubuntu Mono

ubuntuMono
Ubuntu Mono

Liberation Mono

liberation-fonts
Liberation Mono

Fantasque Sans Mono

fantasqueSansMono
Regular, Italic, Bold)
Fantasque Sans Mono

Droid Sans Mono

dROIDSANSMONO
Droid Sans Mono

Consolas Mono

programming_fonts_14
Consolas Mono

Drucifer Monospace

sample-json2
Drucifer Monospace

BPmono

bPmono
Regular, Italic, Bold
BPmono

DejaVu

dejaVu
Regular, Oblique, Bold, Bold Oblique
DejaVu

Monaco

monaco
Monaco

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 0
  • 3

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

これが無料!ハイクオリティーなPhotoshop用WEBデザインテプンレート(psd)60+

海外のデザイナーがPhotoshopで作成したWEBデザイン用のテンプレート(psdファイル)をまと

記事を読む

無料のファイル転送ツールの決定版?容量無制限・件数無制限・ハイスピードの「Infinit」

ファイルを転送するとき、どんなツールを利用していますか? DropBoxやFireStorageな

記事を読む

グラフィックデザイナーのためのオンラインポートフォリオ作成方法

グラフィックデザイナーの皆さんはオンラインポートフォリオをもっていらっしゃいますか? 持っていない

記事を読む

英語/欧文フォントの使用例をサイトで紹介!英語/欧文フォントの実例集「Fonts that go together」

英語/欧文フォントの使用例をサイトで紹介!英語/欧文フォントの実例集「Fonts that go together」

英語/欧文フォントの使用例をサイトで紹介してくれる英語/欧文フォントの実例集「Fonts that

記事を読む

波打つようなクリックエフェクトを実装できる「Waves」

今回はクリックしたときに、静かな湖面を指で触れて波打つようなエフェクトを実装できるライブラリーをご紹

記事を読む

CSS3をお手軽・簡単にするCSS3関連ツール&ジェネレーター43

ベンダープレフィックスを自動で付けられるPrefixrがサービス終了!が後継者「Express Prefixr」現る

ベンダープレフィックスを簡単につけることができるWEBサービスPrefixr。 ところが、このPr

記事を読む

「このフォントなんだろうなあ」がわかっちゃう!フォント利用者必読書「実例付き フォント字典」

「このフォントなんだろう?」がわかる!フォント利用者必読書「実例付き フォント字典」

フォント利用者必読の書が登場しました。 その名も「実例付きフォント字典」。 その名のとおり、実際

記事を読む

商用利用可能な無料の筆記体英語・欧文フォント(スクリプトフォント)65

エレガントなデザインや、ガーリーテイストのデザインに欠かせないのが、筆記体のフォント、いわゆるスクリ

記事を読む

欧文/英語フォント選びでもう迷わない!「タイポグラフィ10の掟(The 10 commandments of typography)」

欧文/英語フォントを利用するときに、1つの判断基準というか参考になりそうだったのでご紹介。 海外の

記事を読む

デザインのヒントはここに!海外の人気ブログで評価の高かった2013年のWEBデザイン60

新年を迎え、2013年のまとめ的な記事が海外ブログでも続々とアップされています。 そんななかから今

記事を読む