fix(theme): don't use Chinese quotes on non-Chinese documents (#3834)

vuejs · Apr 27, 2024 · 75115f4 · 75115f4
1 parent 1174060
commit 75115f4
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 9 deletions.
diff --git a/src/client/theme-default/styles/fonts.css b/src/client/theme-default/styles/fonts.css
@@ -146,12 +146,40 @@ html body {
  U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
-/* Chinese quotes rendering fix. 中英文弯引号共享 Unicode 码位，确保引号使用中文字体渲染 */
 @font-face {
- font-family: 'Chinese Quotes';
- src: local('PingFang SC Regular'), local('PingFang SC'), local('SimHei'),
- local('Source Han Sans SC');
- unicode-range: U+2018, U+2019, U+201C, U+201D; /* 分别是 ‘’“” */
+ font-family: 'Punctuation SC';
+ font-weight: 400;
+ src: local('PingFang SC Regular'), local('Noto Sans CJK SC'),
+ local('Microsoft YaHei');
+ unicode-range: U+201C, U+201D, U+2018, U+2019, U+2E3A, U+2014, U+2013, U+2026,
+ U+00B7, U+007E, U+002F;
+}
+
+@font-face {
+ font-family: 'Punctuation SC';
+ font-weight: 500;
+ src: local('PingFang SC Medium'), local('Noto Sans CJK SC'),
+ local('Microsoft YaHei');
+ unicode-range: U+201C, U+201D, U+2018, U+2019, U+2E3A, U+2014, U+2013, U+2026,
+ U+00B7, U+007E, U+002F;
+}
+
+@font-face {
+ font-family: 'Punctuation SC';
+ font-weight: 600;
+ src: local('PingFang SC Semibold'), local('Noto Sans CJK SC Bold'),
+ local('Microsoft YaHei Bold');
+ unicode-range: U+201C, U+201D, U+2018, U+2019, U+2E3A, U+2014, U+2013, U+2026,
+ U+00B7, U+007E, U+002F;
+}
+
+@font-face {
+ font-family: 'Punctuation SC';
+ font-weight: 700;
+ src: local('PingFang SC Semibold'), local('Noto Sans CJK SC Bold'),
+ local('Microsoft YaHei Bold');
+ unicode-range: U+201C, U+201D, U+2018, U+2019, U+2E3A, U+2014, U+2013, U+2026,
+ U+00B7, U+007E, U+002F;
 }
 
 /* Generate the subsetted fonts using: `pyftsubset <file>.woff2 --unicodes="<range>" --output-file="inter-<style>-<subset>.woff2" --flavor=woff2` */
diff --git a/src/client/theme-default/styles/vars.css b/src/client/theme-default/styles/vars.css
@@ -261,14 +261,20 @@
  * -------------------------------------------------------------------------- */
 
 :root {
- --vp-font-family-base: 'Chinese Quotes', Inter, ui-sans-serif, system-ui,
- sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
- 'Noto Color Emoji';
- --vp-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+ --vp-font-family-base: 'Inter', ui-sans-serif, system-ui, sans-serif,
+ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+ --vp-font-family-mono: ui-monospace, 'Menlo', 'Monaco', 'Consolas',
  'Liberation Mono', 'Courier New', monospace;
  font-optical-sizing: auto;
 }
 
+:root:lang(zh) {
+ --vp-font-family-base: 'Punctuation SC', 'Inter', ui-sans-serif, system-ui,
+ 'PingFang SC', 'Noto Sans CJK SC', 'Noto Sans SC', 'Heiti SC', 'DengXian',
+ 'Microsoft YaHei', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+ 'Segoe UI Symbol', 'Noto Color Emoji';
+}
+
 /**
  * Shadows
  * -------------------------------------------------------------------------- */