尝试用一下 LXGW WenKai / 霞鹜文楷

使用方式参考：<lxgw/LxgwWenKai#24 (comment)> 直接引入了 GitHub Pages 的源，应该不会慢？
movsb · Mar 9, 2024 · bebb066 · bebb066
1 parent 9f05e30
commit bebb066
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 4 deletions.
diff --git a/theme/blog/statics/plugins/highlight/prism.css b/theme/blog/statics/plugins/highlight/prism.css
@@ -8,7 +8,7 @@
  pre[class*="language-"] {
    color: #777;
    background: none;
-   font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+   font-family: var(--mono-font), Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    text-align: left;
    white-space: pre;
    word-spacing: normal;

diff --git a/theme/blog/styles/content.scss b/theme/blog/styles/content.scss
@@ -44,7 +44,7 @@
         }
     }
 	.meta1 {
-		margin-top: -1.8em;
+		margin-top: -1.5em;
 		opacity: 0.5;
 	}
 	.meta2 {

diff --git a/theme/blog/styles/global.scss b/theme/blog/styles/global.scss
@@ -11,6 +11,8 @@ body {
     font: var(--font-size) "Trebuchet MS","Microsoft YaHei",'Noto Sans',sans-serif {
 
     }
+	font-family: "LXGW WenKai";
+	font-weight: normal;
 }
 
 @media screen and (max-width: $max_width) {

diff --git a/theme/blog/styles/variables.scss b/theme/blog/styles/variables.scss
@@ -1,6 +1,6 @@
 :root {
---font-size:                15px;
---mono-font:                Monaco, Consolas, monospace, Courier;
+--font-size:                18px;
+--mono-font:                "LXGW WenKai Mono", Monaco, Consolas, monospace, Courier;
 --max-width:                850px;
 --border-color-hover:       #e18500;
 --border-radius:            4px;

diff --git a/theme/blog/templates/_header.html b/theme/blog/templates/_header.html
@@ -11,6 +11,7 @@
         {{- end -}}
         {{- get_config "blog_name" -}}
     </title>
+    <link rel="stylesheet" type="text/css" href="https://cmbill.github.io/lxgw-wenkai-web/style.css" />
     <link rel="stylesheet" type="text/css" href="/style.css" />
     <script src="/scripts/jquery-2.1.4.min.js"></script>
 	<script src="/scripts/header.js"></script>