From 4ad55e035c6c787375950575ee744f28aa0d789c Mon Sep 17 00:00:00 2001
From: Xeonzilla <85546881+Xeonzilla@users.noreply.github.com>
Date: Sat, 9 Aug 2025 11:05:34 +0800
Subject: [PATCH] fix: define fonts for code block titles and language badges
 (#589)

---
 src/plugins/expressive-code/language-badge.ts |  1 +
 src/styles/expressive-code.css                | 10 ++++++++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/plugins/expressive-code/language-badge.ts b/src/plugins/expressive-code/language-badge.ts
index e681ebbb..a354ac38 100644
--- a/src/plugins/expressive-code/language-badge.ts
+++ b/src/plugins/expressive-code/language-badge.ts
@@ -15,6 +15,7 @@ export function pluginLanguageBadge() {
         top: 0.5rem;
         padding: 0.1rem 0.5rem;
         content: attr(data-language);
+        font-family: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
         font-size: 0.75rem;
         font-weight: bold;
         text-transform: uppercase;
diff --git a/src/styles/expressive-code.css b/src/styles/expressive-code.css
index 12bb24c6..a5045e1e 100644
--- a/src/styles/expressive-code.css
+++ b/src/styles/expressive-code.css
@@ -1,3 +1,9 @@
-.expressive-code .frame {
-  @apply !shadow-none;
+.expressive-code {
+    .frame {
+        @apply !shadow-none;
+    }
+
+    .title {
+        font-family: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+    }
 }