Adjust font in mobile

peng1999 · Mar 3, 2024 · f1d714a · f1d714a
1 parent 9deb368
commit f1d714a
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 6 deletions.
diff --git a/config.toml b/config.toml
@@ -19,7 +19,7 @@ highlight_theme = "base16-ocean-light"
 
 [extra]
 # even configs
-even_title = "pg999w's blog"
+even_title = "pg999w’s blog"
 
 even_menu = [
     {url = "$BASE_URL/rss.xml", name = "RSS"},

diff --git a/sass/custom.scss b/sass/custom.scss
@@ -1,12 +1,21 @@
-#header .logo {
+.logo {
   font-family: "Noto Serif Display", serif;
   font-weight: 400;
-  font-style: normal;
 }
+
+#mobile-navbar .logo {
+  font-size: 1.4rem;
+  font-family: "Source Serif 4", serif;
+  font-optical-sizing: auto;
+  font-weight: 400;
+}
+
 main .post  {
   font-family: "Noto Serif SC", serif;
   font-weight: 400;
-  font-style: normal;
+  @media screen and (max-width: 800px) {
+    font-weight: 500;
+  }
 
   .post-content h1 {
     font-size: 24px;
@@ -15,7 +24,9 @@ main .post  {
   h1, h2, h3, h4, h5, h6, h1.post__title {
     font-family: "Noto Sans SC", sans-serif;
     font-weight: 320;
-    font-style: normal;
+    @media screen and (max-width: 800px) {
+      font-weight: 350;
+    }
   }
 
   .hashtag {

diff --git a/templates/style.html b/templates/style.html
@@ -3,5 +3,5 @@
 
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:[email protected]&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif+SC:wght@400;700&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:[email protected]&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif+SC:wght@400;500;700&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap" rel="stylesheet">