From 3fab9298384ad145935c35c63a7ae558e6aeeeb4 Mon Sep 17 00:00:00 2001
From: Steffen Becker <stffn.becker@gmail.com>
Date: Tue, 26 May 2026 00:04:49 +0200
Subject: [PATCH] fix: heading bugs where font size does not change or font
 type changes

---
 src/lib/editor/Toolbar.svelte | 6 +++---
 src/styles/editor.css         | 1 -
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/lib/editor/Toolbar.svelte b/src/lib/editor/Toolbar.svelte
index 1ea538f..bf8c758 100644
--- a/src/lib/editor/Toolbar.svelte
+++ b/src/lib/editor/Toolbar.svelte
@@ -47,21 +47,21 @@
     <div class="toolbar-group">
       <button
         class:active={isH1}
-        onclick={() => editor?.chain().focus().toggleHeading({ level: 1 }).run()}
+        onclick={() => editor?.chain().focus().toggleHeading({ level: 1 }).unsetFontSize().removeEmptyTextStyle().run()}
         title="Heading 1"
       >
         H1
       </button>
       <button
         class:active={isH2}
-        onclick={() => editor?.chain().focus().toggleHeading({ level: 2 }).run()}
+        onclick={() => editor?.chain().focus().toggleHeading({ level: 2 }).unsetFontSize().removeEmptyTextStyle().run()}
         title="Heading 2"
       >
         H2
       </button>
       <button
         class:active={isH3}
-        onclick={() => editor?.chain().focus().toggleHeading({ level: 3 }).run()}
+        onclick={() => editor?.chain().focus().toggleHeading({ level: 3 }).unsetFontSize().removeEmptyTextStyle().run()}
         title="Heading 3"
       >
         H3
diff --git a/src/styles/editor.css b/src/styles/editor.css
index 0bfe664..61f6950 100644
--- a/src/styles/editor.css
+++ b/src/styles/editor.css
@@ -100,7 +100,6 @@
 .paper .tiptap h1,
 .paper .tiptap h2,
 .paper .tiptap h3 {
-  font-family: var(--font-sans);
   font-weight: 700;
   line-height: 1.3;
   margin-top: 1.5em;