個人的に役立ったデザイン素材や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アソシエイト・プログラムの参加者です。

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

インパクト大!Gmailに一瞬にしてGIFアニメーションを添付できるChrome機能拡張「Gmail GifLine」

インパクト大!Gmailに一瞬にしてGIFアニメーションを添付できるChrome機能拡張「Gmail GifLine」

Gmailに一瞬にしてGIFアニメーションを添付できるChrome機能拡張をご紹介します。 メール

記事を読む

SVGベースのオリジナルなシームレスパターンを作ってダウンロードできる「Plain Pattern」

SVGベースのオリジナルなシームレスパターンを作ってダウンロードできる「Plain Pattern」

今回ご紹介するのはSVGベースのシームレスパターンを簡単につくれて、PNG形式でダウンロードできてし

記事を読む

HTML5/レスポンシブ/フラットデザインの無料テンプレート50(2013年分)

以前「全部無料!レスポンシブWEBデザイン制作を驀進させるレスポンシブ対応テンプレート121」という

記事を読む

ハイクオリティーなのに全部無料!現場で使えるBootstrap3用テンプレート40+

ハイクオリティーなのに全部無料!現場で使えるBootstrap3用テンプレート40+

ハイクオリティーなのに全部無料の現場で使えるBootstrap3用テンプレートをまとめました。 ラ

記事を読む

欧文/英語フォントのベストマッチ組み合わせを実例付きで教えてくれる「Type Genius」

欧文/英語フォントのベストマッチ組み合わせを実例付きで教えてくれる「Type Genius」

欧文/英語フォントを組み合わせて利用する場合、日本語に比べて、結構難しくはないですか? どのフォン

記事を読む

トップ固定でレスポンシブ対応のナビゲーション/メニューを簡単に実装できる「Fixed Nav」

トップ固定で、レスポンシブ対応のナビゲーションが増えていますね。 これだけ増えてくると、トップ固定

記事を読む

ロゴデザインや見出しに最適!無料で使える欧文/英語フリーフォント

ロゴデザインや見出しに最適!無料で使える欧文/英語フリーフォント83

ロゴをデザインするとき、既存のフォントをベースに作成することになるケースが多いと思います。 しかし

記事を読む

動画にCSSだけで色調補正エフェクトをかけた「dynamically colorize videos」は必見

動画にCSSだけで色調補正エフェクトをかけた「dynamically colorize videos」は必見

動画にCSSだけで色調補正エフェクトをかけた「dynamically colorize videos

記事を読む

CSS3だけで映画のエンドロール風エフェクトを表現した「Movie Credits」

CSS3だけで映画のエンドロール風エフェクトを表現した「Movie Credits」

CSS3って、とっつきやすいうえに、表現力も豊かで、実装するのが楽しくなってしまいます。 表現力豊

記事を読む

UIデザインのリニューアル前と後を比較できるギャラリーサイト「Android UX before and after」

UIデザインのリニューアル前と後を比較できるギャラリーサイト「Android UX before and after」

UIデザインのリニューアルの前と後をひと目で比較できるギャラリーサイトをご紹介します。 Googl

記事を読む