hopefully improve font rendering

src/styles/globals.css

@@ -13,6 +13,9 @@ html,
 body {
   font-family: Manrope, "Manrope-Fallback", Arial, sans-serif;
   overflow: hidden;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 #page_wrapper {

src/styles/manrope.css

@@ -13,49 +13,16 @@
 
 @font-face {
   font-family: "Manrope";
-  font-weight: 200;
-  src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
+  font-weight: 200 800;
+  font-style: normal;
+  src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"), url("./font/Manrope.ttf") format("ttf");
   font-display: swap;
 }
 
 @font-face {
   font-family: "Manrope";
-  font-weight: 300;
-  src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Manrope";
-  font-weight: 400;
-  src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Manrope";
-  font-weight: 500;
-  src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Manrope";
-  font-weight: 600;
-  src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Manrope";
-  font-weight: 700;
-  src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Manrope";
-  font-weight: 800;
-  src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
+  font-weight: 200 800;
+  fint-style: italic;
+  src: local("Manrope"), url("./font/Manrope.woff2") format("woff2"), url("./font/Manrope.ttf") format("ttf");
   font-display: swap;
 }