Custom Handwriting Font in Preview Mode

Share & showcase
1

Custom Handwriting Font - read below how I did it

image
image1680×939 114 KB

So I went on Calligraphr.com, created a custom font that’s just like my handwriting (for free!!). This will generates a .tff file. Then I installed it as a system font (really easy on Windows, just right click the .tff file and click “install”). Mine was called “Myfont1”.
With that I made a simple css snippet:

div.markdown-preview-view {
    font-family: Myfont1;
    font-size: 2em;
}

Basically it tells obsidian to use the system font “Myfont1” for the preview-view and make it’s size 2em.
And that’s it… it’s ready to use!!

2 Likes
2

That’s really neat! If my handwriting wasn’t so hard for even me to read, I’d probably convert my vault to this.

1 Like
3

@Craftidore LOL, I have the same problem.

4

when you have finished making your selections. The document will now reflect the font changes. Choose next to Close to exit out of Edit Mode.