Closed3

ライティングアプリ・Obsidianのフォント設定について

Cloudy knotCloudy knot

Obsidian(デスクトップ版)のフォント設定ってどうなっているの?

プログラミング用フォント探しの流れで、ライティング=ドキュメント作成アプリのObsidianのフォント設定が気になって、調べてみた。

Obsidianのデスクトップ版はElectron製で、CSSで指定され、CSSスニペットによって見た目を上書きカスタマイズできる。(ElectronはJavaScript、HTML、CSS よるデスクトップアプリケーションを構築するフレームワーク)

私はObsidianiteというテーマ(theme)が気に入って適用している。

アプリUI上でも、
「設定(Preferences)>外観(Appearance)>フォント(Font)」で各種設定が可能で、使用フォント設定ができる。

Cloudy knotCloudy knot

Obsidianiteテーマのフォント指定

.obsidian/themes/Obsidianite/theme.css
  /** Font Customization **/
  --default-font: 'Rubik', 'Glow Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', sans-serif;

sans-serif指定が2つあるのは意図的?


Cloudy knotCloudy knot

デフォルトのフォント設定はどこ?

Obsidian・Electronアプリの中身(asarファイルの展開をして)まで探しに行ったけど、おおもとの設定・指定自体はよく分からず。

デバイスのシステムフォントかつsan-serifが割り当てられると思われる。(まあ、そうだよね)

私の場合、macOS標準なら日本語はヒラギノ角ゴシック、英数字はSan Franciscoだが、この組み合わせがめちゃくちゃ美しくて、文句のつけようがない

Obsidianiteテーマでのフォント指定も、'Rubik', 'Glow Sans SC'をマシンに入れていないので上記になる。

このスクラップは2023/12/10にクローズされました