Manage Formatting: Type Scale and Font-Weight

Context

Where ever I have worked, typography is never a big focus as it relates to brand, or improving Customer experience. But typography is something that some of the most iconic and impactful brands have put much effort into nailing it. For example, Apple, NASA, the list goes on for a while.

Idea

I know there is a “minimal” theme and there’s a styles plugin, but 1) the styles plugin…it’s a hot mess, let’s be honest, accordion drop downs and trying to understand the nomenclature requires referencing the Obsidian help guides. 2) getting your typography settings tuned in shouldn’t take days—and I’m assuming that for many users, fiddling with CSS is not a productive use of time. So…how come we can’t get a plug-in that allows users to effortlessly adjust their type scale and font-weight with a few sliders or minimal options?

Inspiration

I’ve worked in the design space for, oh, just over 12 years. As a creative director, locking in a solid type scale keeps any brand in step and harmonized. A online tool that comes close to what I’m envisioning is: https://typescale.com/. Example:

Problem (my problem)

I don’t have time or the expertise to develop such a plugin. But I wanted to share here with you great folks.

Hope

My hope is that there is some awesome developer out there that has the same bone-to-pick as I do with Obsidian’s control over the UI’s type scale.

Very best,
MJL

I’m just adding some related stuff.

In Obsidian you can use this CSS snippet to enable font smoothing:

.theme-dark {
  --bold-weight: 700;
  -webkit-font-smoothing: antialiased; 
}

.theme-light {
  --bold-weight: 700;
  -webkit-font-smoothing: antialiased; 
}

I also included bold-weight which you could set to 800 or 900 in dark mode. In light mode 700 bold weight looks pretty nice.

That would be nice feature to include in the plugin: Font Smoothing on/off