]> git.otsuka.systems Git - cotsuka.github.io/commitdiff
use font weight, add 100
authorCameron Otsuka <cameron@otsuka.haus>
Sat, 22 Mar 2025 23:32:15 +0000 (16:32 -0700)
committerCameron Otsuka <cameron@otsuka.haus>
Sat, 22 Mar 2025 23:32:15 +0000 (16:32 -0700)
_includes/css/public-sans.css
_includes/css/style.css
static/fonts/PublicSans-Thin.woff2 [new file with mode: 0644]
static/fonts/PublicSans-ThinItalic.woff2 [new file with mode: 0644]

index a0e75cb436892f6523b54d8b4f3bb52ff09b2597..b10dd8803a60fb949e0d5817ea31db007c730615 100644 (file)
@@ -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
index 12bb106f814fb43a19a2c4ec56f19982951cac9e..7757d6aab9b86299778d9460ef4c60fb5e22ddf2 100644 (file)
@@ -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 (file)
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 (file)
index 0000000..6a0caa2
Binary files /dev/null and b/static/fonts/PublicSans-ThinItalic.woff2 differ