Can I make all typography one font EXCEPT the plain body text? CSS question

What I’m trying to do

So, I’m making a personal theme. It’s based on the Bible-study software that I use. For fun, I’d like to make my Obsidian vault look like that. I have some background in web-design so I will eventually figure most of it out. However, the typographic design I want is a little complex.

I want the plain content type to be a specific serif font, but I want all other type in the theme to be a completely different sans-serif family. The U.I. the bold text, the italicized text, the text in call-out boxes, everything except the plain, body text. (To get an idea of what I’m talking about: see the screenshot below. I’d like bolded text, the titles, headers, UI, etc. to look like the verse numbers, chapter numbers, and notes font. But I want the plain note text to look like the Bible text in the image.)

I could do this the old fashioned way: Set the font to the serf family, and go through every single instance of decoration and set it to sans-serif EXCEPT for the plain body text. But, what I want is a way to simply set the default font as the sans-serif but target just the plain body text in my CSS and set that as different.

Is there anyway to do this crazy idea? (Reference image below):

Screenshot (69)

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.