My theme and custom css (clean and notion-like)

Sorry this took so long. It appears that I haven’t been paying much attention to the Obsidian Forum. I actually got this tip from someone on the Obsidian Discord, just don’t remember who it was. Here is the note that I created for my future self on how to do this.

I was having trouble getting an Obsidian plugin (Advanced Appearance) to recognize a custom font that I installed on iOS. Google came to the rescue. Go to Browse Fonts - Google Fonts to see if the font family that you want to load is available there. If it is then go to Embedded Google Fonts and enter the following in the “Paste CSS address” field:

https://fonts.googleapis.com/icon?family=Quicksand

replacing Quicksand with the font family that you want to load. You’ll get back a base64 encoded string that you will want to paste into your css. I created a new css snippet and put it in there by itself. Then you can deploy the custom font either within your css theme or as a css snippet.

To deploy this to iOS, follow these steps:

This really should be easier. Let me know if you have any questions about this.

1 Like