use noto font and large font size

config.toml

@@ -19,6 +19,7 @@ disableKinds = ["taxonomyTerm"]
   HomeDesc = "**[博客](/blog/) 和 [飞行手册](/flight-rules/)中还有很多文章✨**"
   AuthorName = "王不对"
   Favicon = "/favicon.jpg"
+  fontsLink = "https://fonts.googleapis.com/css?family=Noto+Serif+SC:400,500,700&display=swap&subset=chinese-simplified"
 
 [params.CDN]
 #enable = false

themes/hugo-w2ng/assets/css/styles.css

@@ -7,14 +7,18 @@
 /* Tailwind's utility classes - generated based on config file */
 @import "node_modules/tailwindcss/utilities";
 
+.markdown {
+  @apply text-lg;
+}
+
 .markdown h1 {
-  @apply text-3xl my-12;
+  @apply text-4xl my-12;
 }
 .markdown h2 {
-  @apply text-2xl my-8;
+  @apply text-3xl my-8;
 }
 .markdown h3 {
-  @apply text-lg my-4;
+  @apply text-xl my-4;
 }
 .markdown h4 {
   @apply my-2;
@@ -50,19 +54,19 @@
   @apply overflow-x-auto p-4 border border-solid border-gray-400 shadow-lg;
 }
 .markdown code {
-  @apply bg-gray-200 font-mono text-sm;
+  @apply bg-gray-200 font-mono text-lg;
 }
 .markdown pre code {
   @apply bg-transparent;
 }
 .markdown ul {
-  @apply text-base pl-8 list-disc;
+  @apply pl-8 list-disc;
 }
 .markdown ol {
-  @apply text-base pl-8 list-decimal;
+  @apply pl-8 list-decimal;
 }
 .markdown kbd {
-  @apply text-xs inline-block bg-gray-100 rounded border p-1 align-middle font-normal font-mono shadow;
+  @apply text-sm inline-block bg-gray-100 rounded border p-1 align-middle font-normal font-mono shadow;
 }
 .markdown hr {
   @apply block my-6 mx-auto max-w-md h-px border-t border-black;

themes/hugo-w2ng/assets/css/tailwind.config.js

@@ -1,7 +1,7 @@
 module.exports = {
   theme: {
     fontFamily: {
-      'sans': ['Optima', 'Candara', '"Lucida Sans"', 'Calibri', 'Arial', 'source-han-serif-sc', '"Source Han Serif SC"',
+      'sans': ['Optima', 'Candara', '"Lucida Sans"', 'Calibri', 'Arial','Noto Serif SC', 'source-han-serif-sc', '"Source Han Serif SC"',
        '"Source Han Serif CN"', '"Source Han Serif TC"', '"Source Han Serif TW"', '"Source Han Serif"', '"Songti SC"', '"Microsoft YaHei"', "sans-serif"],
       'mono': ['Menlo', 'Monaco', 'Consolas', '"Liberation Mono"', '"Courier New"', 'SFMono-Regular', 'monospace'],
     },

themes/hugo-w2ng/layouts/_default/single.html

@@ -2,9 +2,9 @@
 <article itemscope itemtype="http://schema.org/Article" class="max-w-3xl mx-auto leading-relaxed">
     <header class="flex flex-col meta">
         {{- partial "taxonomy.html" . -}}
-        <h1 itemprop="name" class="text-center text-3xl my-4 md:my-6">{{ .Title }}</h1>
+        <h1 itemprop="name" class="text-center text-4xl my-4 md:my-6">{{ .Title }}</h1>
         {{ if not .Params.disableMeta }}
-        <h3 class="text-center text-xl">
+        <h3 class="text-center text-2xl">
             {{ with $.Site.Params.AuthorName }}
             <span itemprop="author" itemscope itemtype="http://schema.org/Person">
                 <span itemprop="name">{{ . }}</span>

themes/hugo-w2ng/layouts/_default/summary.html

@@ -1,6 +1,6 @@
 <article itemscope itemtype="http://schema.org/Article" class="flex flex-col mt-6 mb-12">
     {{- partial "taxonomy.html" . -}}
-    <h2 itemprop="name" class="text-2xl"><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
+    <h2 itemprop="name" class="text-3xl"><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
     <p itemprop="datePublished" content="{{ .Date.Format "2006-01-02" }}" class="">{{ .Date.Format "2006/01/02" }}
     </p>
     <div class="py-2">

themes/hugo-w2ng/layouts/partials/head.html

@@ -22,6 +22,10 @@
 {{ $style := resources.Get "css/styles.css" | postCSS (dict "config" "./assets/css/postcss.config.js") | minify | fingerprint }}
 <link rel="stylesheet" href="{{ $style.Permalink }}" integrity="{{ $style.Data.Integrity }}">
 {{ end }}
+<!-- Fonts -->
+{{- with .Site.Params.fontsLink -}}
+{{ printf `<link href="%s" rel="stylesheet" />` . | safeHTML }}
+{{- end }}
 <link rel="canonical" href="{{ .Permalink }}">
 <link rel="shortcut icon" href="{{ .Site.Params.Favicon }}">