Add Noto Sans font

Felix Hennig · Felix Hennig · commit 659f9381b076 · 2024-08-26T13:13:15.000+02:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -63,6 +63,7 @@
     "vinyl-fs": "^3.0"
   },
   "dependencies": {
-    "typeface-ibm-plex-mono": "^1.1.13"
+    "typeface-ibm-plex-mono": "^1.1.13",
+    "typeface-noto-sans": "^1.1.13"
   }
 }
diff --git a/src/css/site.css b/src/css/site.css
@@ -1,5 +1,6 @@
 @import "typeface-roboto-mono.css";
 @import "typeface-titillium-web.css";
+@import "typeface-noto-sans.css";
 @import "typeface-ibm-plex-mono.css";
 @import "vars.css";
 @import "base.css";
diff --git a/src/css/typeface-noto-sans.css b/src/css/typeface-noto-sans.css
@@ -0,0 +1,21 @@
+@font-face {
+  font-family: "Noto Sans";
+  font-style: normal;
+  font-weight: 400;
+  src:
+    local("Roboto Mono Regular"),
+    local("RobotoMono-Regular"),
+    url(~typeface-noto-sans/files/noto-sans-latin-400.woff2) format("woff2"),
+    url(~typeface-noto-sans/files/noto-sans-latin-400.woff) format("woff");
+}
+
+@font-face {
+  font-family: "Noto Sans";
+  font-style: normal;
+  font-weight: 700;
+  src:
+    local("Roboto Mono Medium"),
+    local("RobotoMono-Medium"),
+    url(~typeface-noto-sans/files/noto-sans-latin-700.woff2) format("woff2"),
+    url(~typeface-noto-sans/files/noto-sans-latin-700.woff) format("woff");
+}
diff --git a/src/css/vars.css b/src/css/vars.css
@@ -27,9 +27,9 @@
   --body-font-size--desktop: 1.125em; /* 18px */
   --body-font-size--print: 0.9375em; /* 15px */
   --body-line-height: 1.15;
-  --body-font-color: var(--color-jet-70);
-  --body-font-family: "Titillium Web", sans-serif;
-  --body-font-weight-bold: 600;
+  --body-font-color: var(--color-text);
+  --body-font-family: "Noto Sans", sans-serif;
+  --body-font-weight-bold: 700;
   --monospace-font-family: "Roboto Mono", monospace;
   --monospace-font-weight-bold: 500;
   /* base */

Original file line number	Diff line number	Diff line change
`@@ -63,6 +63,7 @@`
`63`	`63`	`"vinyl-fs": "^3.0"`
`64`	`64`	`},`
`65`	`65`	`"dependencies": {`
`66`		`- "typeface-ibm-plex-mono": "^1.1.13"`
	`66`	`+ "typeface-ibm-plex-mono": "^1.1.13",`
	`67`	`+ "typeface-noto-sans": "^1.1.13"`
`67`	`68`	`}`
`68`	`69`	`}`