From d86fa38e119c5834fff13a67194efe8d62c117e1 Mon Sep 17 00:00:00 2001
From: qer <wbxl2000@outlook.com>
Date: Mon, 6 Jul 2026 22:12:43 +0800
Subject: [PATCH] fix(kimi-web): disable text hyphenation and code ligatures
 (#1438)

Set hyphens: none (with the -webkit- prefix) on body so chat and markdown text never gain a hyphen glyph at a line break; components still control where lines wrap via word-break/overflow-wrap.

Disable the ligatures that coding fonts enable by default (liga/calt/ss01) on native code elements so code renders literally, e.g. != stays as two characters.
---
 .changeset/web-text-rendering.md |  5 +++++
 apps/kimi-web/src/style.css      | 15 +++++++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 .changeset/web-text-rendering.md

diff --git a/.changeset/web-text-rendering.md b/.changeset/web-text-rendering.md
new file mode 100644
index 000000000..2830647c8
--- /dev/null
+++ b/.changeset/web-text-rendering.md
@@ -0,0 +1,5 @@
+---
+"@moonshot-ai/kimi-code": patch
+---
+
+web: Prevent chat text from hyphenating at line breaks and render code without font ligatures.
diff --git a/apps/kimi-web/src/style.css b/apps/kimi-web/src/style.css
index 13c1f3485..40c71fd7e 100644
--- a/apps/kimi-web/src/style.css
+++ b/apps/kimi-web/src/style.css
@@ -223,6 +223,17 @@ summary {
   vertical-align: -0.15em;
 }
 
+/* Render code literally: disable the ligatures coding fonts enable by default
+   (e.g. `!=` collapsing to `≠`, `=>` to `⇒`). */
+code,
+pre,
+kbd,
+samp,
+tt {
+  font-feature-settings: "liga" 0, "calt" 0, "ss01" 0;
+  font-variant-ligatures: none;
+}
+
 /* color-scheme drives UA-rendered parts (scrollbars, form controls, etc.).
    An explicit choice must pin it to a single value — otherwise a dark-mode
    user on a light OS gets light scrollbars floating on the dark UI. */
@@ -635,6 +646,10 @@ body {
   text-rendering: auto;
   font-synthesis: none;
   text-size-adjust: 100%;
+  /* Never insert a hyphen glyph at line breaks (the page is `lang="en"`);
+     word-break/overflow-wrap still decide where lines wrap. */
+  -webkit-hyphens: none;
+  hyphens: none;
 }
 
 /* ---------------------------------------------------------------------------