Import fonts

Author: sunny

source/layouts/layout.html.erb

@@ -17,7 +17,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       rel="stylesheet"
-      href="https://fonts.googleapis.com/css2?family=Reenie+Beanie&family=Source+Code+Pro&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Reenie+Beanie&family=Source+Code+Pro&family=Noto+Sans+JP:[email protected]&family=Noto+Sans+SC:[email protected]&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap"
     />
     <link
       rel="stylesheet"

source/stylesheets/application.css.scss

@@ -16,17 +16,22 @@
 
   --code-light-background-color: rgba(255, 255, 255, .4);
   --code-editor-border-color: #e2d1aa;
+
+  --noto-sans-subset: "Noto Sans JP";
 }
 
 // Body
 
-.tryruby-page {
+body {
   background-color: var(--background-color);
-
-  font: 1.2em "Plus Jakarta Sans", "Noto Sans JP", ui-sans-serif, system-ui, -apple-system, sans-serif;
   color: var(--text-color);
+
+  font: 1.2em "Plus Jakarta Sans", var(--noto-sans-subset), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
 }
 
+:root:lang(zh) body { --noto-sans-subset: "Noto Sans SC"; }
+:root:lang(ja) body { --noto-sans-subset: "Noto Sans JP"; }
+
 // Navigation
 
 .tryruby-navbar {