use font-weight 400 to improve readability

ugomeda · Jan 31, 2025 · 8f0a046 · 8f0a046
1 parent 7c01fb1
commit 8f0a046
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 8 deletions.
diff --git a/inkplate_dashboard/statics/fonts/open-sans-latin-300-normal.woff b/inkplate_dashboard/statics/fonts/open-sans-latin-300-normal.woff
diff --git a/inkplate_dashboard/statics/fonts/open-sans-latin-300-normal.woff2 b/inkplate_dashboard/statics/fonts/open-sans-latin-300-normal.woff2
diff --git a/inkplate_dashboard/statics/fonts/open-sans-latin-wght-normal.woff2 b/inkplate_dashboard/statics/fonts/open-sans-latin-wght-normal.woff2
diff --git a/inkplate_dashboard/styles/styles.scss b/inkplate_dashboard/styles/styles.scss
@@ -1,11 +1,11 @@
 /* Fonts */
 @font-face {
-  font-family: "Open Sans";
+  font-family: 'Open Sans Variable';
   font-style: normal;
   font-display: block;
-  font-weight: 300;
-  src: url(./fonts/open-sans-latin-300-normal.woff2) format("woff2"), url(./fonts/open-sans-latin-300-normal.woff) format("woff");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  font-weight: 300 800;
+  src: url(./fonts/open-sans-latin-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
 }
 @font-face {
   font-family: "Noto Serif";
@@ -29,7 +29,7 @@ $font-size-default: 30px;
 $font-size-huge: 40px;
 $font-size-current-temp: 70px;
 $font-family-serif: "Noto Serif", serif;
-$font-family-default: "Open Sans", serif;
+$font-family-default: "Open Sans Variable", serif;
 $font-family-temp: "Roboto Condensed", sans-serif;
 
 // Configuration for the rounded background
@@ -51,7 +51,7 @@ html, body {
   width: 825px;
   height: 1200px;
   overflow: hidden;
-  font-weight: 300;
+  font-weight: 400;
   font-size: $font-size-default;
   font-family: $font-family-default;
 }
@@ -150,7 +150,6 @@ h1 {
       font-family: $font-family-temp;
       font-size: $font-size-current-temp;
       line-height: $font-size-current-temp;
-      font-weight: 400;
     }
   }
 
@@ -165,7 +164,6 @@ h1 {
 
     .widget-weather-table-temp {
       font-family: $font-family-temp;
-      font-weight: 400;
     }
   }
 }