diff --git a/tailwind.config.js b/tailwind.config.js
index af32365..9aae744 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -33,17 +33,26 @@ export default {
         "scale-in": "scale-in 0.4s cubic-bezier(0.22, 1, 0.36, 1) both",
       },
       fontFamily: {
+        // Put system Latin fonts FIRST so Latin script (incl. Vietnamese
+        // precomposed glyphs like ấ/ẳ/ệ) renders from a font that actually
+        // ships those code points. The CJK fonts that used to lead the stack
+        // (Noto Sans SC/TC, PingFang SC/TC, Microsoft YaHei/JhengHei) have no
+        // Vietnamese coverage, so the browser was greedily rendering the base
+        // Latin letter with a CJK font and rendering the combining tone mark
+        // separately, producing “Tâ´t / liêụ” instead of “Tất / liệu”.
+        // Per-glyph fallback still picks up the CJK fonts for Chinese
+        // characters, so existing zh-CN / zh-TW pages keep the same look.
         sans: [
+          "ui-sans-serif",
+          "system-ui",
+          "-apple-system",
+          "Segoe UI",
           "Noto Sans SC",
           "Noto Sans TC",
           "PingFang SC",
           "PingFang TC",
           "Microsoft YaHei",
           "Microsoft JhengHei",
-          "ui-sans-serif",
-          "system-ui",
-          "-apple-system",
-          "Segoe UI",
           "sans-serif",
         ],
       },