I have been trialing with the Google Noto fonts. The Noto Sans is quite pleasant for longer posts, as it has a bit more horizontal spacing/width. I looks fantastic on deviced with high DPI, such as modern mobile phones and larger devices with a very high resolution. The width of Noto Sans may cause some issues with the UI of Discourse, such as the burger menu. The Noto font package includes a Noto Sans UI version of the font, with a smaller horizontal footprint. This makes me wonder how to customize Discourse so that: The posts are using font Noto Sans All of the UI are in Noto Sans UI This could be visually nice, or what say you?

Hm..on one instance I currently use Noto Sans globally: HEAD: CSS: html { font-family: "Noto Sans", sans-serif; } body input, body button, body select, body textarea { font-family: "Noto Sans", Helvetica, Arial, sans-serif; } But since my HTML skills are from the 90’s, I am a bit unsure where to go from here. Has anyone patched anything similar and could share an example?

If you want to change the font of posts, this would do it. Note that I’m also changing the font of the composer and preview (with .d-editor-container) to match: .topic-body .cooked, .d-editor-container { font-family: "your font here"; }

How to use Noto Sans for posts but Sans UI for everything else?

Product Support

riking (Kane York) 2017 年1 月 8 日 01:27 2

You can do this with only CSS customizations. Not too hard.

话题		回复	浏览量
Change the default font on your site Site Management how-to , customization	0	20988	2019 年1 月 28 日
Discourse font rendering Product Support rtl	8	567	2025 年9 月 6 日
We need a "large fonts" and "small fonts" theme to ship with Discourse Feature	34	6856	2019 年1 月 14 日
Change chat font Product Support chat	2	470	2023 年1 月 31 日
Google Fonts Theme component official , google-fonts	17	8332	2025 年3 月 14 日

How to use Noto Sans for posts but Sans UI for everything else?

相关话题