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

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

コピペで完了!12種類のプログレスバーを簡単に導入できるPACE.js

すでに当サイトにも導入してみたのですが、お気づきでしょうか。 PC版で当サイトをご覧いただくと、画

記事を読む

2014年の要チェック無料英語/欧文フリーフォント99

質のいい英語(欧文)のフリーフォントが次々に出ていますが、 今回は2013年後半から2014年現在

記事を読む

CSSアニメーションを使ったエフェクトライブラー9

CSSアニメーションを使ったエフェクトライブラリー9

CSSアニメーションを使ったエフェクトは、プログラムを苦手とするWEBデザイナーや一般の方々に新しい

記事を読む

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

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

記事を読む

100GB使える無料ストレージサービスshared.comにマルウエアが仕込まれてた

100GB使える無料ストレージサービスshared.comにマルウエアが仕込まれてた!?

各方面で紹介されている太っ腹な無料ストレージサービス「Shared」を利用し始めたところ、えらい目に

記事を読む

ワンランク上のWEB表現を目指すなら!HTML/CSS/JSの必見テクニック満載「Top Pens of 2013」

CodePenというWEBサービスをご存知でしょうか。 CodePenは、HTML/CSS/Jav

記事を読む

CSSで表現されたスゴワザのテキストエフェクト&チュートリアル19

CSS3では、CSSでさまざまなテキストエフェクトを実現することが可能です。 今回は、CSSで表現

記事を読む

無料で日本語WEBフォントが実装できる「Japont」が有難すぎる!

無料で日本語WEBフォントが実装できる「Japont」が有難すぎる!

日本語のWEBフォントが無料で利用できてしまうサービスを個人の方がリリースしましたのでご紹介。 こ

記事を読む

Googleフォントをフル活用!Googleフォントをさらに見つけやすく使いやすくするサービス9

Googleフォントのオススメがすぐわかる!Googleフォントを見つけやすく使いやすくするサービス10

GoogleフォントのオススメがすぐわかるGoogleフォントを見つけやすく使いやすくするサービスを

記事を読む

HTMLメールの無料テンプレートをお探しなら「無料で利用できるオープンソースなHTMLメールテンプレートコレクションサイト」

HTMLメールの無料テンプレートをお探しなら「Open Source Email Templates」

HTMLメールは、メールでの占める割合を着実に増やしていますよね。 美しいデザインのHTMLメール

記事を読む