HTML Font Toolbar

Objectives


A free plugin for Obsidian that adds a floating, Word-like formatting toolbar to your notes: text colors, highlights, font sizes, font families, bold/italic/underline/strikethrough, and alignment. What makes it different from every other formatting plugin: everything it produces is one clean inline HTML span — stack as many styles as you like and they merge into a single tag instead of nesting wrappers.

  • Select a word, click red, click yellow highlight, click Large, click bold — the result is a single <span>
  • Click inside an already-styled word to restyle it — no re-selecting, even when Obsidian hides the markup
  • Semi-transparent highlight presets that stay readable in light and dark themes
  • Table-aware alignment and paragraph indentation: align paragraphs, whole table columns, a selected fragment inside a cell, or even image embeds — and indent/outdent paragraphs in clean 2em steps
  • A symbol picker (Ω) for math, Greek, arrows, punctuation, currency, and marks, with a recently-used row
  • Every preset is customizable in the settings tab — add, rename, or recolor colors, highlights, sizes, fonts, and symbol groups
  • Notes stay plain HTML, so they render identically even if the plugin is later removed

Get the Plugin


Free and open source, for Obsidian on the desktop — now available in the official Obsidian community plugin directory. In Obsidian, go to Settings → Community plugins → Browse and search for “HTML Font Toolbar”, or open the directory page below.

Install from the Directory Plugin on GitHub Donate with PayPal

Manual install (alternative): download main.js, manifest.json, and styles.css from the latest release into <your vault>/.obsidian/plugins/html-font-toolbar/, then enable the plugin in Settings → Community plugins.

If this plugin is useful to you, consider supporting its development with a donation — thank you!

The floating formatting toolbar over an Obsidian note The settings tab with customizable color and font presets