見出し画像

Obsidian Publishでフォントを指定する

PrivacyPediaの管理人です。

Obsidian Publishでサイトを公開していますが、日本語のフォントがおかしいことに気が付きました。いわゆる中華フォントのような、読めないことはないけれど慣れ親しんだ字形になっていません。

調べると、スタイルシート(CSS)でカスタマイズすることで、フォントを変更することができるようです。

Customize your site - Obsidian Help

開発者ツールなどでいろいろ調べて、以下の保管庫(ボールド)の直下にpublish.cssのファイル名で以下の内容を配置して、サイトに公開しました。

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
body{
  --font-default: 'Noto Sans JP', ui-sans-serif, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica", "Arial", "Segoe UI", "Inter", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif;
}

やっていることは、Google fontsを読み込んで、「Noto Sans JP」というフォントを「--font-default」の最初に追記しています。

この記事が気に入ったらサポートをしてみませんか?