From: Cameron Otsuka <cameron@otsuka.haus>
Date: Sat, 22 Mar 2025 23:32:15 +0000 (-0700)
Subject: use font weight, add 100
X-Git-Tag: v1.0.0~18
X-Git-Url: https://git.otsuka.systems/?a=commitdiff_plain;h=9fc3ac6271964d3122cad66f60212372bb07d300;p=cotsuka.github.io

use font weight, add 100
---

diff --git a/_includes/css/public-sans.css b/_includes/css/public-sans.css
index a0e75cb..b10dd88 100644
--- a/_includes/css/public-sans.css
+++ b/_includes/css/public-sans.css
@@ -1,32 +1,47 @@
 @font-face {
-	font-family: "Public Sans";
+    font-family: "Public Sans";
     font-style: normal;
+    font-weight: 100;
     font-display: swap;
-	src: url("/fonts/PublicSans-Regular.woff2") format("woff2");
-	/* unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; */
+    src: url("/fonts/PublicSans-Thin.woff2") format("woff2")
 }
 
 @font-face {
-	font-family: "Public Sans";
+    font-family: "Public Sans";
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url("/fonts/PublicSans-Regular.woff2") format("woff2")
+}
+
+@font-face {
+    font-family: "Public Sans";
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url("/fonts/PublicSans-Bold.woff2") format("woff2")
+}
+
+@font-face {
+    font-family: "Public Sans";
     font-style: italic;
+    font-weight: 100;
     font-display: swap;
-	src: url("/fonts/PublicSans-Italic.woff2") format("woff2");
-	/* unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; */
+    src: url("/fonts/PublicSans-ThinItalic.woff2") format("woff2")
 }
 
 @font-face {
-	font-family: "Public Sans";
-    font-weight: bold;
+    font-family: "Public Sans";
+    font-style: italic;
+    font-weight: 400;
     font-display: swap;
-	src: url("/fonts/PublicSans-Bold.woff2") format("woff2");
-	/* unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; */
+    src: url("/fonts/PublicSans-Italic.woff2") format("woff2")
 }
 
 @font-face {
-	font-family: "Public Sans";
+    font-family: "Public Sans";
     font-style: italic;
-    font-weight: bold;
+    font-weight: 700;
     font-display: swap;
-	src: url("/fonts/PublicSans-BoldItalic.woff2") format("woff2");
-	/* unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; */
+    src: url("/fonts/PublicSans-BoldItalic.woff2") format("woff2")
 }
\ No newline at end of file
diff --git a/_includes/css/style.css b/_includes/css/style.css
index 12bb106..7757d6a 100644
--- a/_includes/css/style.css
+++ b/_includes/css/style.css
@@ -2,6 +2,7 @@ html {
   background-color: #ffffff;
   color: #000000;
   font-family: "Public Sans", sans-serif;
+  font-weight: 400;
   font-size: 100%;
   line-height: 1.1rem;
 }
@@ -12,12 +13,21 @@ body {
   padding: 0.5rem 1rem;
   font-size: 1rem;
 }
+h1 {
+  font-weight: 100;
+}
+h2, h3, h4, h5, h6 {
+  font-weight: 700;
+}
+strong {
+  font-weight: 700;
+}
 nav {
   margin-bottom: 1rem;
 }
 nav > h1 {
   font-size: 2rem;
-  font-weight: bold;
+  font-weight: 700;
 }
 nav > h1 > a {
   text-decoration: none;
@@ -32,6 +42,7 @@ nav > menu > li {
 }
 details {
   margin-bottom: 1rem;
+  font-size: 0.8rem;
 }
 p {
   margin-bottom: 1rem;
@@ -58,6 +69,9 @@ blockquote {
 figure {
   margin-bottom: 1rem;
 }
+figcaption {
+  font-size: 0.8rem;
+}
 img {
   height: auto;
 }
@@ -83,7 +97,6 @@ hr {
 }
 footer {
   text-align: center;
-  font-style: italic;
 }
 footer > address > menu {
   margin-inline-start: 0;
@@ -103,21 +116,21 @@ footer > address > menu > li {
 }
 .callout-info > .callout-label {
   color: #086ddd;
-  font-weight: bold;
+  font-weight: 700;
 }
 .callout-warn {
   border-left: 0.2rem solid #ec7500;
 }
 .callout-warn > .callout-label {
   color: #ec7500;
-  font-weight: bold;
+  font-weight: 700;
 }
 .callout-error {
   border-left: 0.2rem solid #e93147;
 }
 .callout-error > .callout-label {
   color: #e93147;
-  font-weight: bold;
+  font-weight: 700;
 }
 .collectiontag {
   font-variant: small-caps;
diff --git a/static/fonts/PublicSans-Thin.woff2 b/static/fonts/PublicSans-Thin.woff2
new file mode 100644
index 0000000..cc6a264
Binary files /dev/null and b/static/fonts/PublicSans-Thin.woff2 differ
diff --git a/static/fonts/PublicSans-ThinItalic.woff2 b/static/fonts/PublicSans-ThinItalic.woff2
new file mode 100644
index 0000000..6a0caa2
Binary files /dev/null and b/static/fonts/PublicSans-ThinItalic.woff2 differ