Font to Base64 CSS Converter

Convert your font files (.woff, .ttf, .woff2, .otf) to base64-encoded CSS for use with Obsidian

Choose font files or drag and drop here

CSS Output Options

Default CSS (Obsidian variables) Custom CSS class Force style (all elements)

How to use:

Select one or more font files (.woff, .ttf, .woff2, .otf)
Choose your preferred CSS output format
Click "Convert to CSS" to generate the base64-encoded CSS
Copy the generated CSS or download it as a file
Use the CSS in your Obsidian vault as a CSS snippet

For Obsidian:

Save the generated CSS as a .css file in your vault's .obsidian/snippets/ folder, then enable it in Obsidian's Appearance settings.