Commit 32943d8

HPCesia <me@hpcesia.com>
2026-09-26 14:30:55
style: add more fonts-family for fallback
main
1 parent e4d9049
Changed files (3)
src
styles
article
math.scss
raw.scss
global.scss
src/styles/article/math.scss
@@ -1,5 +1,7 @@
 article math {
-  font-family: "STIX Two Math", var(--font-stix-two-math), math;
+  font-family: "STIX Two Math", var(--font-stix-two-math), 'Cambria Math',
+    'DejaVu Math TeX Gyre', 'Libertinus Math', math, var(--kp-font-serif),
+    ui-serif, serif, var(--kp-font-emoji);
 
   &[display="block"] {
     /* MathML overflow is not supported in Firefox */
src/styles/article/raw.scss
@@ -1,4 +1,9 @@
 article {
+  code {
+    font-family: var(--kp-font-mono), ui-monospace, monospace,
+      var(--kp-font-emoji);
+  }
+
   code:not(:is(pre > code)) {
     font-size: 1rem;
     line-height: 1.5rem;
src/styles/global.scss
@@ -6,10 +6,27 @@
   color-scheme: light;
   @include light.theme-colors;
   background-color: var(--page-scroll-bg, var(--root-bg));
+
   scroll-behavior: smooth;
 
   font-size: 16px;
-  font-family: ui-serif, serif;
+
+  --kp-font-emoji: "Twitter Color Emoji", "Noto Color Emoji", "Apple Color Emoji",
+    "Segoe UI Emoji", "Segoe UI Symbol";
+  --kp-font-serif: "Source Serif", "Noto Serif", Georgia, Cambria, "Times New Roman",
+    Times, "Liberation Serif";
+  --kp-font-sans: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+    'Helvetica Neue';
+  --kp-font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Source Code Pro",
+    SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";
+
+  font-family: var(--kp-font-serif), ui-serif, serif, var(--kp-font-emoji);
+}
+
+[lang="zh-CN"] {
+  font-family: var(--kp-font-serif), "Source Han Serif SC VF",
+    "Noto Serif CJK SC", "Noto Serif SC", "Songti SC", STSong, SimSun, ui-serif,
+    serif, var(--kp-font-emoji);
 }
 
 @media (prefers-color-scheme: dark) {