From c3f90625acefe9c20c37a23dd35c8315a7608b05 Mon Sep 17 00:00:00 2001 From: hustcer Date: Mon, 19 May 2025 19:14:16 +0800 Subject: [PATCH] Disable code block font ligatures --- .vuepress/styles/index.scss | 19 ++++++++++++------- 1 file changed, 12 insertions(+), 7 deletions(-) diff --git a/.vuepress/styles/index.scss b/.vuepress/styles/index.scss index 1a92714195..0542df0c61 100755 --- a/.vuepress/styles/index.scss +++ b/.vuepress/styles/index.scss @@ -1,6 +1,8 @@ @font-face { font-family: 'Fira Code'; - src: url('/fonts/FiraCode-Regular.woff2') format('woff2'), url("woff/FiraCode-Regular.woff") format("woff"); + src: + url('/fonts/FiraCode-Regular.woff2') format('woff2'), + url('woff/FiraCode-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @@ -36,14 +38,17 @@ div[class*='language-'].line-numbers-mode .line-numbers { */ :root { --code-line-height: 1.1; - --font-family-code: 'Fira Code', Consolas, Monaco, 'Andale Mono', 'DejaVu Sans Mono', - 'Ubuntu Mono', monospace; - } - + --font-family-code: 'Fira Code', Consolas, Monaco, 'Andale Mono', + 'DejaVu Sans Mono', 'Ubuntu Mono', monospace; +} + /* override vuepress `:root` --code-font-family variable with higher specificity (`body`) because vuepress puts theirs after this one */ body { - --code-font-family: 'Fira Code', Consolas, Monaco, 'Andale Mono', 'DejaVu Sans Mono', - 'Ubuntu Mono', monospace; + --code-font-family: 'Fira Code', Consolas, Monaco, 'Andale Mono', + 'DejaVu Sans Mono', 'Ubuntu Mono', monospace; + code { + font-variant-ligatures: none; + } } @media screen and (min-width: 720px) and (max-width: 815px) {