Set font size over 30

What I’m trying to do

I am a teacher and use Obsidian to prepare and conduct lessons. I also show my text via the projector. However, the maximum font size of 30 is usually too small for the students in the last rows. Therefore I have the question whether I can increase the font size beyond this maximum value.

Things I have tried

I installed the “Minimal theme settings” plugin and searched here in the help forum. Unfortunately without success. That’s why I depend on your help.

1 Like

Have you tried the Slides core plugin? There are also a few community plugins—Teleprompter comes to mind—that may help with this, though they might need CSS as well to get past 30-point text.


You could, for example, use a CSS snippet of:

.font-35pt {
    --font-text-size: 35px; /* for many themes */
    --font-adaptive-normal: 35px;  /* for Minimal */
}

and in any note where you want to the font size bigger, add:

---
cssclasses: font-35pt
---

to the YAML/Properties. If you want more options, you can duplicate the snippet. e.g.

.font-35pt {
    --font-text-size: 35px; /* for many themes */
    --font-adaptive-normal: 35px;  /* for Minimal */
}

.font-40pt {
    --font-text-size: 40px; 
    --font-adaptive-normal: 40px;  
}

I do this:

  • create a CSS file in your vault: .obsidian/snippets/general-font-size.css
  • add the CSS below
  • in Settings > Appearance > CSS Snippets enable the general-font-size snippet

You can change the --custom-font-size-base value to your liking, it should cascade into all values. If you want a different ratio between the font-size of the title and the font-size of the content change the 2 in --custom-title-size: calc(2 * var(--custom-font-size-base)); to a different number. Obsidian should immediately reflect the changed CSS.

/****************************************************************************/
/* Adjust content and metadata styling. Not tabs. */
/****************************************************************************/
:root {
  /* ADJUST THIS VALUE TO YOUR LIKING */
  --custom-font-size-base: 20px;
  --custom-font-size: calc(1 * var(--custom-font-size-base));
  --custom-title-size: calc(2 * var(--custom-font-size-base));
}

.cm-contentContainer,
.metadata-container,
.is-live-preview,
.markdown-reading-view,
.markdown-preview-view {
  font-size: var(--custom-font-size);
}

.inline-title {
  font-size: var(--custom-title-size);
}