Web制作

【mac】コーディングに最適なおすすめフォント!RictyDiminishedのインストール&設定方法

どうも!サイバーブリッジweb担当の久保田です(`・ω・´)

今回は、私も利用している無料フォント「RictyDiminishedリクティ ディミニッシュト」のインストール方法と、Adobe Dreamweaverアドビ ドリームウィーバーの設定方法をご紹介します・:*+.\(( °ω° ))/.:+

RictyDiminishedの特徴

プログラミング用フォントに「Rictyリクティ」という有名なフォントがありますが、「RictyDiminished」はRictyをベースに作られたフォントです。

RictyDiminished

特徴としては…

  • 数字・記号などにはInconsolataが適応される。
  • 日本語など他の言語はCircleM+1mが適用される。
  • 半角と全角の横幅比が1:2で文字の区別がつきやすい。
  • 全角スペースが可視化される。
  • 英語のオー「O」と、数字のゼロ「0」などの見分けがつきやすい。
  • 数字の「1」、英語の小文字のエル「l」や、大文字のアイ「I」なども見分けやすい。

上記のような特徴から、HTMLやCSS、PHPなどプログラミング言語全般的に使いやすいフォントとして定評があります。

RictyDiminishedのインストール方法

それでは、RictyDiminishedのインストール方法を説明します。

RictyDiminishedはGitHubで配布されています。
まずはこちらにアクセスし、Clone or downloadをクリック後Download ZIP をクリックしてzipファイルをダウンロードします。

ダウンロードしたzipファイルをダブルクリックで展開します。

※ダブルクリックでzipファイルが展開できない場合は、「App Store」から「The Unarchiver」というアプリをインストールし、右クリックで「このアプリケーションで開く▶︎」で選択すると開けます。

フォルダの中の拡張子「.ttf」と記載されているがフォントです。

次に左のメニューの「アプリケーション」をクリックし、「Font Book」をクリックします。

「RictyDiminished-Regular.ttf」をFont Bookにドラッグ・アンド・ドロップすればインストール完了です。

Dreamweaverの設定

RictyDiminishedのインストールが完了したので、Dreamweaverの設定をします。

まず、Dreamweaverの「環境設定」をクリックします。

次にカテゴリの中にある「フォント」をクリックします。

Ricty Diminished Regularを選択します。

最後に「適用」をクリックして設定完了です。

Ricty Diminishedの設定が完了しました!

以上です!

この記事を書いた人

その他記事はこちら

久保田 里佳子

Web事業部 マネージャー / デザイナー

1992年生まれ。2児の母。入社後、営業を経て独学でhtml/css・Webデザイン・マーケティングを学び、現在はWeb関連全般に携わっています。趣味はお酒・ゲーム・漫画・アニメとかなりのインドアですが、たまにゴルフもやります。特技は超高速クッキング(見た目より味重視)。全てのお客様が笑顔になる仕事を心がけてます。

その他記事はこちら

関連記事