Obsidian Custom Font Plugin

Spice up your Obsidian notes with custom fonts! This plugin is created since currently obsidian doesn't support setting custom fonts easily. This is the case, especially in Android and IOS. If you want to set up your fonts once and make it work on all platforms (Android, Mac, Windows, Linux, IPhone) this is for you!

Plugin Settings Page

Multi Font Preview

New Version

Compatibility

This plugin leverages base64 encoding to ensure maximum compatibility across platforms. The chosen font will work on all operating systems (Windows, MacOS, Linux, Android, and IOS).

So no matter what device you use Obsidian on, you can customize your notes with unique font styles! This way you won't even need to install the font on your operating system.

To get started

• Add your font files (.woff, .ttf, .woff2 and .otf) to your vault's .obsidian/fonts folder.
• Open the plugin settings and choose your desired font from the dropdown menu.
• The selected font will now be applied across your entire vault. You can switch fonts anytime.

Key Features

• Supports .woff, .ttf, .woff2 and .otf .
• Simple settings menu to pick your font. Change it up anytime.
• Applies chosen font globally to your entire vault.
• Tested with a wide range of fonts for full compatibility.
• Custom CSS Style Support: You can apply the font to anywhere you want!
• Ability to set custom font on specific pages (See #7)

Web-based Font Converter

🌐 Font to Base64 CSS Converter

Use our web-based tool to convert font files to base64-encoded CSS without installing the plugin! Perfect for users who want just the conversion functionality or experience performance issues with the full plugin.

Features:

• Convert .woff, .ttf, .woff2, and .otf font files
• Multiple CSS output options (Obsidian variables, custom classes, force styles)
• Copy to clipboard or download CSS files
• No installation required - works in any modern browser

Issues and Pull-Requests

This idea of this plugin just recently came into my mind. I don't know what features would be useful to you. Issues and pull requests are highly appreciated.

References

• Embed fonts and images in your theme - Developer Documentation