2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

FontForge2023のUIのフォントの変更にあまりにも手こずった話

Last updated at Posted at 2023-03-02

はじめに

2023年1月ごろ、今まで2020年バージョンのFontForgeを使っていた私は、最新ビルドであるFontForge January 2023 Releaseをインストールした。開いてみるとUIのフォントが大きく変わっており、ラテン文字等の可読性が向上していそうだった。(下は比較画像)
Fontforge記事 ビルド比較.png
他にも、今までは不十分だったメニューバーの翻訳も向上しており、日本語で表示できるメニューが増えていた。
むしろなぜ今までGitHubを覗かなかったのか、そう考えてフォントを作成していた。

それはそれとしていいのだが、使い始めて数ヶ月にして問題点がいくつかあることに気が付いた。しかも私にとってはわりと厄介。

問題点

文字のウェイトが太く、漢字などが読みにくい
UIのフォントのウェイトが太いため、ラテン文字等ならそこまで気にならないが、漢字等の複雑な字になると潰れてしまい、見にくい。
ラベルに一部文字が表示されない
今までも表示されない文字はちょくちょくあったが、2023ビルドになってからそれが異常に増えた。特に、ハングルは表示されていたのにすべて表示されなくなった。
ディセンダーがアウトラインプレビューに食い込む
特に酷いのがコイツで、とても見にくい。
参考画像

image.png
image.png
こんな感じで食い込まれては、見にくくてしょうがない。

ということで、
「前掲の問題が起こった原因はUIのフォントが変更されたためではないか」
と考え、
「UIのフォントを変更する方法」
を模索することにした。

フォントを司っている設定を探す

なんかそういう設定項目があるという記憶があったのでまずそれを探すことに。
ここでまず1つ目の手こずりポイントがあった。
設定項目の名前が変わっているのである。
FF 設定比較.png
2023版でAppearance Editor... となっているのがUI等を司っているところであったので、どうせ2020版でもその辺にあるだろうと思ってX Resource Editor... を覗いてみたらビンゴだったので、手こずりポイントの中では割と楽な方だった。

開いてみたはいいものの……

さて、開いてみたはいいものの、更にまた手こずりポイントが出てきた。
どこをどのように変えたらいいかがわからないのだ。
ということでここからは長いリサーチと試行錯誤の繰り返しである。

まともな情報源があまりにも無さすぎる件

ということでAppearance Editor(2020版ならX Resource Editor)を開いたところまで。image.png

なにやらPress the help key or F1 to open a web page about this tool. と書いてあったためF1キーを押してみると、https://fontforge.org/docs/ui/misc/resedit.html に飛ばされた。
んでここにはいろいろな項目の意味がざっくりと書いてあるようで 「よし、ここにフォント名を打ち込んでやれば変わるんだな!思ったよりすんなり変えられそうで良かった!」と思い、"LabelFont"部分を"400 12pt Noto Sans CJK JP" と書き換えた。(なお、この時点で400 12pt の意味は理解していなかった。)
意気揚々と保存をしたが、見た目は何も変わっていない。なんでだ。とりあえず困ったら再起動を実行することに。

再起してみると、やはり変わっていない。なぜだ。
Appearance Editorを確認してみると、なんとびっくり、設定が元に戻っているではないか。

変わらなかった原因は「書き換える場所が間違っている」からではないか。
https://fontforge.org/docs/ui/misc/resedit.html を見返してみると、https://fontforge.org/docs/ui/misc/xres.html へのリンクがあった。
結論から言うと通常、LabelFontはDefaultFontがコピーされる(要するに同じフォントになる)ということらしいのでDefaultFontを変えて再び保存&再起動。

だが結果は変わらない。フォントは変更されないし、書き換えた部分は書き換える前に戻ってしまった。
こうなったら公式のドキュメントはあまり参考にならんなと思い、適当に英語で「How to change fontforge UI font」なんかで検索したらそれらしい説明が書いてありそうなサイトが出てきた。
https://www.fonttutorials.com/change-user-interface-fontforge/

ここを参考した結果ついに……

このサイトのDisplay Font - Lookupsという項目内にフォントの変更方法が記載されていた。
どうやらX Resource Editor(2023版ならAppearance Editor)までは同じだが、一度ファイルとして出力し、それをテキストエディタで記載を変更し、そのファイルをリソースファイルとして読み込ませる必要があるようだった。(じゃあ今まで弄ってたところは何だったんだ。)
ということでファイルとして出力し、テキストエディタで開いた。
(ちなみに、サイトで弄られているFontForgeと私が使っている2023版ではかなり記法が変わっているようだった。)

サイトではFontInfoという設定のウィンドウのフォントを変える方法として紹介されていて、fontforge.FontInfo.Font:~~~という箇所を変えていた。
なるほど、fontforge."ウィンドウ名".Font: "フォント名" で変わるのか。と理解した。
そして、私がフォントを変えたいと思っているウィンドウの名前はFont Viewと言うらしい。

ここで、もう一度Appearance Editorの画面を見てほしい。
image.png
左の項目にFont Viewとあるではないか!
ということでおそらく出力したファイルの中にfontforge.FontView.Font: ~~~ 的なものがないかと探したら、まさに推定通りの記述があった。

ということでfontforge.FontView.Font: ~~~(出力したファイル内の25行目)の部分。~~~100 12pt Noto Sans CJK JP Regularに変更した。
(ちなみに、100とか400はウェイトを表しているらしいが、あまり良くわからなかった。)
変更したファイルをとりあえずsettings1という名前をつけて保存。
そしてこれを環境設定>一般リソースファイルから読み込んで再起動すれば……
image.png
ちゃんと表示されるようになった!

ということで一件落着。ここまで長かった。

まとめ

ということで、たかがフォント変更のためにこれだけ奮闘したことをダラダラと書いているだけだと、FontForgeのUIのフォントを変える方法がわからないと嘆く迷える子羊の皆様にとってあまりにも実用性に欠ける(まぁこれで困る人間は本当にひとつまみ程度かそれ以下しか居ないだろうが)と思うので、手順だけをまとめておく。

  1. ファイル>Appearance Editor... を開く
    手順1.png
    手順2.png
  2. Save As... をクリック。出てくるウィンドウで保存をクリック。
    手順3.png
  3. 出力したファイルをテキストエディタ(メモ帳など)で開く。(デフォルトだとドキュメントに出力されているはず。)
  4. fontforge.FontView.Font: 400 12pt system-ui,Deja Vu Sans,Calibri12pt以降を任意のフォント名に変えて保存。
    例: fontforge.FontView.Font: 400 12pt Noto Sans CJK JP Regular
    このとき、別名で保存しておくとデフォルトに戻したくなったときに戻せるので便利だと思う。
  5. 保存したファイルをFontForgeに読み込ませるため、ファイル>環境設定をクリック。
    手順1.png
    手順4.png
  6. 一般>リソースファイルの**…**をクリック、さっき保存したファイルを選択する。
    手順5.png
  7. FontForgeを一度閉じて、再起動。これで変わっているはず。

同じ方法を使えば、FontForgeのUIのフォントまるごとすべて変えてしまうという事もできるだろう。変更方法さえわかってしまえば微調整とかも可能なので、Noto Sans CJK JP Regular以外のフォントに変更してみて、気に入ったものがあればそれを採用しようと思う。

ところで、なにか忘れてない?

あれ?ディセンダーが食い込む問題を解決してなくね? と思ったそこのあなた。
実はラベルの表示フォントを変えたときに解決……とまではいかないが、かなりマシになっている。
上がフォント変更前、下がフォント変更後の画像である。
image.png
image.png
まだ若干食い込んでいる感は否めないが、それでもフォント変更前よりはマシになっているので、とりあえず現状維持。これが解決できそうなフォントを見つけるなり、2020版のデフォルト設定のフォント名に変えてみるなりしてみようと思う。

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?