--- title: Custom fonts in Obsidian | daily.dev description: Learn how to customize fonts in Obsidian beyond the basic settings using CSS snippets. The guide covers encoding fonts as base64 for portability across synced... canonical: https://daily.dev/posts/custom-fonts-in-obsidian-uac856bkk twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Custom fonts in Obsidian | daily.dev og:description: Learn how to customize fonts in Obsidian beyond the basic settings using CSS snippets. The guide covers encoding fonts as base64 for portability across synced... og:url: https://daily.dev/posts/custom-fonts-in-obsidian-uac856bkk og:image: https://api.daily.dev/og/posts/uaC856BKK.png og:image:alt: Custom fonts in Obsidian og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Custom fonts in Obsidian **[Hoverbear](https://daily.dev/sources/hoverbear)** · 6 min read · 1 upvotes · 0 comments ## Summary Learn how to customize fonts in Obsidian beyond the basic settings using CSS snippets. The guide covers encoding fonts as base64 for portability across synced devices, styling specific elements like headings, and applying custom fonts to Obsidian Publish sites. Includes practical steps for creating CSS snippets, using browser developer tools for inspection, and making font changes sync-portable without installing fonts on each device. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#css](https://daily.dev/tags/css), [#productivity](https://daily.dev/tags/productivity) [View this post on daily.dev](https://daily.dev/posts/custom-fonts-in-obsidian-uac856bkk) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Custom fonts in Obsidian","url":"https://daily.dev/posts/custom-fonts-in-obsidian-uac856bkk","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/custom-fonts-in-obsidian-uac856bkk"},"datePublished":"2025-10-11T04:42:46.877Z","dateModified":"2025-10-11T04:43:13.465Z","description":"Learn how to customize fonts in Obsidian beyond the basic settings using CSS snippets. The guide covers encoding fonts as base64 for portability across synced...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/b2f4de0e5f0117e66a14523c2f2253aa?_a=AQAEulh","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/b2f4de0e5f0117e66a14523c2f2253aa?_a=AQAEulh","isAccessibleForFree":true,"articleSection":"Hoverbear","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Hoverbear","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/ce35b3e5e9f548cc96b4bf1b74a0121f","url":"https://daily.dev/sources/hoverbear"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/custom-fonts-in-obsidian-uac856bkk","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"css,productivity","timeRequired":"PT6M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Hoverbear","item":"https://daily.dev/sources/hoverbear"},{"@type":"ListItem","position":3,"name":"Custom fonts in Obsidian"}]} ```