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」の最初に追記しています。
この記事が気に入ったらサポートをしてみませんか?