Typomagical - A theme for typographic appreciators

Hello all - I’d like to introduce my submission which didn’t quite make Obsidian October - Typomagical!

An Obsidian theme for typographic appreciators, with support for Style Settings by mgmeyers, with the goal of looking good even on Black & White e-ink displays.

Features

Links in Small Caps. No underlines!

  • Friendly text sizing
    • Responds correctly to the Appearance>Font size slider in Obsidian Settings, and to Pinch-to-zoom!
    • Mobile friendly headings - it automatically resizes headings to suit small and large screens!
    • For even finer control, install the Style Settings plugin!
  • Light/Dark support.
  • Bonus themes, togglable with the Style Settings plugin
    • High Contrast mode available for increased accessibility.
    • Ficus Ruby
    • Vileplume
  • Hand crafted CSS - no !important, and minimal class use for easy overriding if you like using your own CSS snippets.
  • Ligature toggle. Like ligatures? You’ll like this theme! Don’t like ligatures? Install Style Settings and you can turn them off.

ligature toggle

Why make this?

I feel that Obsidian is an app about Writing AND Reading, and its themes should pay more attention to the beauty of the typography of your work, less about icons or buttons or toolbars of the interface.


How to use it

  1. Open the Appearance tab in Obsidian
  2. Click the Manage button
  3. Use this search box to find “Typo”, then click “Use”

Features to come

  • Embedded fonts to work offline. Currently the fonts are downloaded from Google, so this theme will not work correctly if you don’t have internet.

  • Vertical typographic rhythm. You may notice that after adding some headings to your document, the tempo of the lines of writing are no longer even. Above is a good example of consistent vertical typographic rhythm, where adding any kind of element preserves rhythm, indicated by the blue lines.
17 Likes

The screenshots look gorgeous. Really excited to try it out!
B

2 Likes

@austin it is absolutely worth it.

1 Like

Nice theme !! Small caps links - nice, unusual.
I also like the option to revert to default (well, almost :wink:) Obsidian.

2 Likes

Thank you and @Klaas for the genuine support. :blush: It seems that my themes continue to fly under the radar of the community while other themes track gigantic amounts of attention. But if you like this theme, that’s enough for me! I’ll continue to build fixes, improvements, and colour palettes!

Perhaps you could DM Silver to ask her about it.

1 Like

The theme looks very nice, and I like the links decision. I am waiting for its approval to adopt it.

1 Like

Very nice theme! Installed, activated and being enjoyed.

1 Like

I’m so pleased to announce that as of just a few minutes ago, Typomagical is now in Community Themes! :tada::confetti_ball::partying_face:

Thank you all for the support! This theme is my daily driver, so you can expect to see more updates!

4 Likes

Congratulations, well done !!

1 Like

For people who first find your theme via the forum, you might edit your first post to indicate that the theme has been approved and added to the browser.

A fine suggestion!

it is on.

1 Like

This is wonderful! Makes the Obsidian experience so much more enjoyable.

I have one small request, and I have no idea if this is feasible. I noticed the font doesn’t handle some special characters very well. I type in other languages sometimes, and they come out looking a little strange. Is there any way this could be fixed in a future update? Screenshot to illustrate:

2 Likes

Thank you so much for the detailed message! Yes, I took a bit of a shortcut and chose a font variant that only has plain latin characters. But I believe it also comes in other variants, I would just have to choose the right one!

Could I ask you a favour? Could you send me some sample text where those characters look strange?

That’s totally understandable. I work in Latin, which has only been easy to type on a computer for a decade or so. I have Latin print works that mess up the fonts like this :slight_smile:

Here is a text and a screenshot of how it renders.

aeiouy
áéíóúý
àèìòùỳ
âêîôûŷ
āēīōūȳ

And a screenshot of how it renders:

image

So you can see that accents are fine, graves and circumflexes are fine except for y, and macrons are all off. I haven’t tested any other symbols.

FWIW I use Arabic and Chinese, too, and those render just fine as far as I can tell.

Thanks so much for responding so quickly!

Hello!

Thank you so much for the sample! Made debugging this very easy :slight_smile: I’ve just pushed up a fix that I think will work, could you use the Update button in theme manager to try it out?

Obsidian_WlrwO8Hpe5

1 Like

It works! Thank you so much!

1 Like

desired palettes: Obsidian Nord & Ono Sendai;
would like to see instructions or tool(s) for modifying palettes, and/or changing fonts…
(also, do you know whether sans-serif is ever \with\ ligatures?)

1 Like

Nice theme, I like how it leaves a lot of the default Obsidian underpinnings. Most of the settings don’t work for me on Windows, and Headings styles only work on H1.

1 Like