Change body text in Minimal Publish CSS to monospace

[e2o]

Hey there!

I’m using the Minimal Theme Publish CSS obtained from the obsidian-minimal-publish github.

The publish.css file is in the root of my published site, and is working as expected.

I can’t figure out how I can make the body text monospace. I would like to understand how to specify a specific font, the generic monospace font family, and even a specific google font.

I kinda get how variables are set and then used throughout the CSS, but I can’t unravel the parts I need to tweak.

Any help would be greatly appreciated.

• eric

[ariehen]

Looking at the official help docs (that use Publish):

it looks like the standard --font-text variable. So you could try that (or --font-family - mentioned in the second topic below). e.g.

body {
  --font-text: monospace;
}

Some topics that may be helpful re importing google fonts:

Setup custom font - Obsidian Publish

I reached out on Obsidian’s Discord server and got my problem solved there. The following articles were instrumental in figuring out what I need to do:

Change font in Obsidian Publish

Thank you for the help, I figured it out! @ariehen @kepano @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap'); body { --h1-size: 1.7em; --h2-size: 1.55em; --h3-size: 1.4em; --h4-size: 1.2em; --h5-size: 1.15em; --h6-size: 1.125em; --h1-weight: 700; --h2-weight: 700; --h3-weight: 700; --h4-weight: 600; --h5-weight: 600; --h6-weight: 600; --font-family: 'Inter', sans-serif; } [image]