From 80545a7ce6836127bce1ade3a7cf8bcb25660dd1 Mon Sep 17 00:00:00 2001
From: Julian Hofer <julianhofer@gnome.org>
Date: Tue, 11 Aug 2026 12:37:37 +0000
Subject: [PATCH] fix: disable font ligatures in code

- JetBrains Mono renders ligatures by default, so sequences like `->` showed up as single glyphs in code
- Set `font-variant-ligatures: none` on `code`, `pre`, `kbd` and `samp` globally
- The quick-start terminal renders commands in plain `div`s, so it gets the same declaration on `.term`
---
 src/components/home/QuickStart.astro | 1 +
 src/styles/custom.css                | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/src/components/home/QuickStart.astro b/src/components/home/QuickStart.astro
index 77e11d63..4d556105 100644
--- a/src/components/home/QuickStart.astro
+++ b/src/components/home/QuickStart.astro
@@ -59,6 +59,7 @@ const commands = [
     border-radius: var(--radius-md);
     overflow: hidden;
     font-family: var(--font-mono);
+    font-variant-ligatures: none;
   }
   .term-bar {
     display: flex;
diff --git a/src/styles/custom.css b/src/styles/custom.css
index ddc09c0b..f4aeca01 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -25,6 +25,14 @@
   --sl-font-mono: "JetBrains Mono";
 }
 
+/* JetBrains Mono enables ligatures by default; keep code as plain glyphs. */
+code,
+pre,
+kbd,
+samp {
+  font-variant-ligatures: none;
+}
+
 /* Docs headings share the frontpage's serif display face. */
 .sl-markdown-content :is(h1, h2, h3, h4, h5, h6),
 .content-panel h1 {