# How to enable custom fonts in Obsidian Mobile

DevFeed: [How to enable custom fonts in Obsidian Mobile](<https://devfeed.tech/articles/how-to-enable-custom-fonts-in-obsidian-mobile-25240.md>)

Original publisher: [Read original article](<https://kau.sh/blog/custom-fonts-obsidian-mobile/>)

Author: Kaushik Gopal

Published: 2025-02-05T08:00:00Z

Content type: tutorial

Language: en

Sources: [Kaushik Gopal's Site](<https://devfeed.tech/sources/kaushik-gopal-s-site.md>)

Topics: [Obsidian](<https://devfeed.tech/topics/obsidian-md.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Font](<https://devfeed.tech/topics/font.md>), [Electron](<https://devfeed.tech/topics/electron.md>)

Tags: [css](<https://devfeed.tech/tags/css.md>), [fonts](<https://devfeed.tech/tags/fonts.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [snippet](<https://devfeed.tech/tags/snippet.md>)

## AI overview

A tutorial showing how to enable custom fonts in Obsidian Mobile by converting a font file to base64, embedding it in a CSS snippet, and entering the custom font name in Obsidian's appearance settings. The author reports that the method works on mobile and can also be configured on desktop and synced.

## Source excerpt

One of the challenges with note taking apps on mobile is the limited font selection. While desktops let you install custom fonts system-wide, mobile platforms are much more restrictive. However, there's an elegant solution for Obsidian given it's an electron app. Obsidian allows you to inject a CSS snippet to tweak the appearnace of the app. CSS allows you to embed base64 encoded fonts directly in them for styling text 💡. I figured let's try this and see if it works on mobile. Works like a charm! Here's how to do it: 1. convert your font1 file to base64 and store in the clipboard ### # do this on a terminal app base64 -i <path_to_font_file> | pbcopy 2. Create a new CSS snippet in Obsidian (Settings > Appearance > CSS snippets) and add your font declaration: ### @font-face { font-family: custom-font-name; font-weight: 350 900; src: url(data:application/octet-stream;base64,<paste_base64_string_here>); } Remember to enable the snippet after creating it. Also font files can get large when converted to base64. So you're not going to be able to type out that encoded string. 3. Activate custom font in Obsidian ### Under Settings > Appearance > (Text|Monospace) Font, enter "custom-font-name". It won't show up in the dropdown but if you type the name exactly, you'll see a checkmark after a second and your new font is enabled. I typically do the above on my desktop and sync settings to my mobile. But nothing stops you from doing it directly on your mobile (if you don't have sync enabled). I now have my favorite reading font applied across my notes on mobile and my favorite monospace one applied to all the code in them! Obsidian on Android with custom fonts I encoded a variable font for convenience so i didn't have to declare italicized, bolded, etc. versions of the font. ↩︎