VSCodeにおすすめのフォント! OFLになったモリサワ BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」からスラッシュ付きゼロ対応版がリリース
Post on:2022年3月28日
VSCodeでHTMLやCSS、JavaScriptなどを書く人におすすめのフォントを紹介します。もちろん他の言語でもOKです。
先週紹介したMORISAWA BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」から、スラッシュ付きゼロ対応版がリリースされました。
参考: オープンソースになったMORISAWA BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」がリリース
スラッシュ付きゼロが好きな人には嬉しいニュースですね!
また、全角の記号文字が優先的に表示されるJPDOC版も同時リリースされています。「■□▼▽↑→↓←」などの記号が全角優先で表示されます。
UDEV Gothic スラッシュ付きゼロ対応版と全角記号文字版
スラッシュ付きゼロに対応した「UDEV Gothic v0.0.5」のダウンロードは、下記ページから。
ライセンスはSIL Open Font License 1.1、いわゆるフォント用のオープンソースで、商用プロジェクトでも無料で利用できます。
ページのちょい下「Assets」から、「UDEVGothic_v0.0.5.zip」をダウンロードしてください。
ダウンロードした「UDEVGothic_v0.0.5.zip」を解凍すると、フォントが入っています。
「UDEVGothic_v0.0.5.zip」のファイル構成
- UDEV Gothic(通常版)
- UDEV Gothic JPDOC(全角記号文字版)
- UDEV Gothic LG(リガチャ版)
※すべてスラッシュ付きゼロに対応
フォントのインストール方法を簡単に解説します。
フォントをWindowsにインストールする方法
- フォントファイル(拡張子.ttfのファイル)をダブルクリック。
- Windows フォント ビューアーでフォントが開きます。
- 上部の「インストール」をクリックすると、フォントがインストールできます。
Windowsでフォントをインストール・管理する時は、NexusFont(無料)・Eagle(無料)が便利です。
参考: デザイナーにおすすめ!大量のフォント・画像ファイルを収集・管理できるWindows , macOS対応のソフトウェア -Eagle
フォントをmacOSにインストールする方法
- フォントファイル(拡張子.ttfのファイル)をダブルクリック。
- Font Bookでフォントが開きます。
- 下部の「フォントをインストール」をクリックすると、フォントがインストールできます。
macOSでフォントをインストール・管理する時は、前述のEagle(無料)がお勧めです。WindowsとmacOSで共有もできます。また、有料ですが、私はFontExplorer X Proを使用しており、お勧めです。
フォントをiPadにインストールする方法
iOSではアプリごとに利用できるフォントが限られたりしますが、独自のフォントをインストールしてクリスタやメディバンで利用することもできます。
- Appストアから、AnyFont(無料、App内課金有り)をインストール。
- 使用したいフォントをDropbox, iCloud Driveなどに置いておく。
- AnyFontを起動し、「フォントを追加」からフォントを選択。
- AnyFontにそのフォントが表示されるので、タップして「Install」を選択し、あとは指示通り作業するだけです。
UDEV Gothicをさっそくインストールして、VSCodeで使用してみました。
VSCodeで使用するときは、「設定」から「Font Family」に「UDEV Gothic JPDOC」を入力します。
VSCodeの設定
通常版・全角記号文字版・リガチャ版は、それぞれ下記の通りです。
- UDEV Gothic(通常版)
- UDEV Gothic JPDOC(全角記号文字版)
- UDEV Gothic LG(リガチャ版)
sponsors