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) January 8, 2017, 1:27am 2

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

Topic		Replies	Views
Change the default font on your site Site Management how-to , customization	0	20964	January 28, 2019
Discourse font rendering Product Support rtl	8	554	September 6, 2025
We need a "large fonts" and "small fonts" theme to ship with Discourse Feature	34	6832	January 14, 2019
Change chat font Product Support chat	2	469	January 31, 2023
Google Fonts Theme component official , google-fonts	17	8294	March 14, 2025

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

Related topics