fix(theme): use faux italics only with web fonts (#1581)

vuejs · Nov 4, 2022 · 124158e · 124158e
1 parent 26c186a
commit 124158e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/client/theme-default/styles/base.css b/src/client/theme-default/styles/base.css
@@ -26,7 +26,7 @@ body {
   color: var(--vp-c-text-1);
   background-color: var(--vp-c-bg);
   direction: ltr;
-  font-synthesis: style;
+  font-synthesis: none;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

diff --git a/src/client/theme-default/styles/fonts.css b/src/client/theme-default/styles/fonts.css
@@ -1,5 +1,9 @@
 /* webfont-marker-begin */
 @import url('https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap');
+
+html body {
+  font-synthesis: style;
+}
 /* webfont-marker-end */
 
 @font-face {