How can I change the top bar font to match the regular system font?

[raptor_09]

Guys,

I'm trying to change the font used in the top bar. It looks noticeably bolder and less sharp than the regular system font, and I'd like it to match the normal font instead.

It seems to be the same font that's used for window title bars and the text in notifications, such as the "Screenshot saved" message.

Is this something that can be changed by using a different theme, or does it require editing the GTK4 theme or another configuration? I'm not sure which part controls these fonts.

I've attached a few screenshots to show the difference.

Thanks in advance for any guidance!

[Forpli]

Hm, perhaps that gnome-extension can help, but I don't remember if you can change the font with it. I'll test it later.

Open Bar - GNOME Shell Extensions

Edit:
In the extension settings of open bar at tab "Bar foreground" you can set the font type and font size for the topbar. I set the font to Inter Regular 10 - that is the default font in Zorin.

Unfortunately, the open bar extension messes up a lot of things in the topbar when you enable it, and the top bar looks completely different as a result. However, you can then customize it however you like.

I also tested the guide from that old thread, but when you change the stage in Zorin 18 e.g. to 8pt, many fonts are effected e.g. Zorin menu, authentication prompts, logout, ...and not just the topbar...Setting it to 10pt made no difference in my eyes compared to the default version.

Increase font size of top bar

Turned off my fractional scaling (125%) and started individually scaling the apps I use. But the top bar font remains small. I've tried adjusting font size in Zorin Appearance, the font increases everywhere else but not in the top bar. How to achieve this ?

[Nekobasu]

Ok, this post is super old but maybe it's still done that way:

How to Change the GNOME Shell Font - OMG! Ubuntu

I checked the file mentioned there (I think the theme used is "ZorinBlue-Dark") and in the CSS-file there is just a part for the font weight:

border-radius: 9px;
  padding: 3px 24px;
  font-weight: bold;
  transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

I guess this means, it uses the selected font in "Appearance" in bold. If someone knows the class for the topbar, you could change the font for that class. I don't know if this class even exists.

If you're brave enough and want to experiment, make a backup of that file and try something.