Ubuntu 22.04 LTSに Meslo LGSとUDEV Gothicをインストールする

フォント設定 3/N

公開日: 2024-03-11
更新日: 2024-03-11

  Table of Contents

What I Want to Do

今回のこの記事で目指すことは以下です,

  • Ubuntu 22.04 LTSにMenlo-likeなMesloLGS Nerd Font Monoと日本語用フォントUDEV Gothic NFLGをインストールし, X Window System環境で使用できるようにする
  • TerminalのFont FamilyをMesloLGS Nerd Font Monoに設定する
  • VS CodeのTerminal/Editor AreaをMesloLGS Nerd Font Mono, UDEV Gothic NFLGに設定する

Menlo vs Meslo LGS Nerd Font Mono

Font Family 説明
Menlo Appleが開発したモノスペースフォント
Meslo LGS Nerd Font Mono Nerd Fontプロジェクトによって提供される特別なモノスペースフォント. Menlo を参考にしたフォントだが, Menlo の line gap, 行間を少し広めに調整されている

Meslo LGSLGは Line Gapを指しています.

  • Meslo LGS: Line GapがSmall
  • Meslo LGM: Line GapがMedium
  • Meslo LGL: Line GapがLarge

Menlo, Meslo LGの比較

UDEV Gothic NFLGの特徴

  • UDEV Gothic はユニバーサルデザインフォントの BIZ UDゴシック と開発者向けフォントの JetBrains Mono を合成したプログラミング向けフォント
  • 全角スペースが「点線で囲われた□」で表現される特徴がある

Ubuntuが参照可能なFont list

Ubuntuが参照可能なFont listはfc-listコマンドで表示することができます.

fc-list コマンド

  • fc-listはインストール済みのフォントを一覧表示するコマンド
  • フォントを追加する機能はない

コマンドのデフォルトの出力形式は

1
2
3
4
5
## 出力形式
<file-name-with-path>: <Font-Family-name>:style=<style>

## Example
/usr/share/fonts/opentype/noto/NotoSansCJK-Bold.ttc: Noto Sans CJK JP:style=Bold

フォントファミリー名とは, BoldやItalicなど同じデザインに従った複数のフォントをまとめた名称のことです. フォントファミリー名でよく見られる”Mono”は, フォントのコンセプトや名前の一部として使われる言葉で, 通常は「モノスペース」(Monospaced)の略です. 各文字が同じ幅を持つようにデザインされています. 半角のアルファベットや数字, 記号が全て同じ幅で表示されるため, テキストが整然と配置され, プログラミングやコーディング、テキストベースのデザインなどに適しています.

Ubuntuにフォント情報を読み込ませる: fc-cacheコマンド

Def: fc-cache コマンド

Linuxでは, システムで使用するフォントの情報をあらかじめキャッシュファイルに展開しており, fc-cacheコマンドはこのキャッシュファイルを更新するコマンド.

フォントディレクトを引数に以下の構文で実行する

1
% fc-cache [オプション] [フォントディレクトリ名]
  • フォントキャッシュファイルは/var/cache/fontconfig/に保存されている
  • 一部のフォントファイルだけを書き換えた場合には対象を特定してキャッシュファイルを更新すると処理が早く終わる

fc-cacheのオプション一覧

短いオプション 長いオプション 意味
-f --force フォントのキャッシュファイルをタイムスタンプにかかわらず全て更新する
-r --really-force フォントのキャッシュファイルを全て削除した後に更新する
-s --system-only システム全体用のフォントディレクトリだけを対象とする
-v --verbose 確認中のディレクトリを表示しながら実行する
  • 全てのキャッシュファイルを更新したい場合は -f オプションを使う
  • 既存のフォントキャッシュファイルを全て削除してから更新したい場合は -r オプションを指定します
1
2
## ~/.local/share以下に自分で格納したFont Directoryを削除した後, 更新したい場合
% fc-cache -fv

UbuntuへのFontのインストール

まずFontFamilyをUbuntuにDownload & Installします. 自分は ~/.local/share/fonts/以下に格納しましたがどこでも大丈夫です.

各フォントはそれぞれ以下のソースからダウンロードしています.

1
2
3
4
5
6
7
8
9
## directoryの作成と移動
% mkdir -p ~/.local/share/fonts/
% cd ~/.local/share/fonts/

## Mesloのdownload
% curl -OL https://github.com/ryanoasis/nerd-fonts/releases/latest/download/Meslo.zip

## UDEVGothic_NFのdownload
% curl -OL https://github.com/yuru7/udev-gothic/releases/download/v1.3.1/UDEVGothic_NF_v1.3.1.zip

次にzipファイルを展開します

1
2
% unzip Meslo.zip -d ./Meslo
% unzip UDEVGothic_NF_v1.3.1.zip -d ./UDEVGothic

最後にフォントキャッシュの読み込みをします

1
2
3
## --verboseは付けなくても良い
% fc-cache -v ./Meslo
% fc-cache -v ./UDEVGothic

一応, UDEVGothicが日本語対応しているか確認してみます

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
% fc-list :lang=ja file | grep "UDEV"
/home/hoshinokirby/.local/share/fonts/UDEVGothic/UDEVGothic_NF_v1.3.1/UDEVGothicNF-Bold.ttf: 
/home/hoshinokirby/.local/share/fonts/UDEVGothic/UDEVGothic_NF_v1.3.1/UDEVGothic35NFLG-Italic.ttf: 
/home/hoshinokirby/.local/share/fonts/UDEVGothic/UDEVGothic_NF_v1.3.1/UDEVGothic35NFLG-Bold.ttf: 
/home/hoshinokirby/.local/share/fonts/UDEVGothic/UDEVGothic_NF_v1.3.1/UDEVGothic35NF-BoldItalic.ttf: 
/home/hoshinokirby/.local/share/fonts/UDEVGothic/UDEVGothic_NF_v1.3.1/UDEVGothic35NF-Bold.ttf: 
/home/hoshinokirby/.local/share/fonts/UDEVGothic/UDEVGothic_NF_v1.3.1/UDEVGothicNFLG-Regular.ttf: 
/home/hoshinokirby/.local/share/fonts/UDEVGothic/UDEVGothic_NF_v1.3.1/UDEVGothic35NFLG-Regular.ttf: 
/home/hoshinokirby/.local/share/fonts/UDEVGothic/UDEVGothic_NF_v1.3.1/UDEVGothicNF-Regular.ttf: 
/home/hoshinokirby/.local/share/fonts/UDEVGothic/UDEVGothic_NF_v1.3.1/UDEVGothicNFLG-Italic.ttf: 
/home/hoshinokirby/.local/share/fonts/UDEVGothic/UDEVGothic_NF_v1.3.1/UDEVGothic35NF-Italic.ttf: 
/home/hoshinokirby/.local/share/fonts/UDEVGothic/UDEVGothic_NF_v1.3.1/UDEVGothicNFLG-BoldItalic.ttf: 
/home/hoshinokirby/.local/share/fonts/UDEVGothic/UDEVGothic_NF_v1.3.1/UDEVGothic35NFLG-BoldItalic.ttf: 
/home/hoshinokirby/.local/share/fonts/UDEVGothic/UDEVGothic_NF_v1.3.1/UDEVGothicNF-Italic.ttf: 
/home/hoshinokirby/.local/share/fonts/UDEVGothic/UDEVGothic_NF_v1.3.1/UDEVGothicNF-BoldItalic.ttf: 
/home/hoshinokirby/.local/share/fonts/UDEVGothic/UDEVGothic_NF_v1.3.1/UDEVGothicNFLG-Bold.ttf: 
/home/hoshinokirby/.local/share/fonts/UDEVGothic/UDEVGothic_NF_v1.3.1/UDEVGothic35NF-Regular.ttf: 

ちゃんと出力されているので, 日本語対応フォントであることがわかります

Column: Nerd Fonts Project

  • Nerd Fonts Projectは. プログラミングに適したOSSのフォントにアイコンやシンボルなどを拡張するオープンソースのプロジェクトのこと.
  • 主にモノスペースフォント(等幅フォント)を拡張している.

Gnome-Terminatorでの設定

  1. Gnome-Terminatorを開く
  2. Preference > Profiles を開く
  3. Fontという項目があり、スクロールでMesloLGS Nerd Font Monoを指定する

VSCodeでの設定

VSCode側での設定は, settings.jsonに以下のラインを書き加えるだけで完了します.

1
2
3
4
5
    //Editor Area Font
    "editor.fontFamily": "MesloLGS Nerd Font Mono, 'UDEV Gothic NFLG'",

    //Terminal Font
    "terminal.integrated.fontFamily": "MesloLGS Nerd Font Mono, 'UDEV Gothic NFLG'",

References



Share Buttons
Share on:

Feature Tags
Leave a Comment
(注意:GitHub Accountが必要となります)