Adding fontface

gotpop · Nov 2, 2022 · 918541c · 918541c · vercel · Nov 2, 2022
1 parent eb690c3
commit 918541c
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/...s/RobotoFlex-VariableFont_GRAD,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf b/...s/RobotoFlex-VariableFont_GRAD,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf
diff --git a/src/styles/typography.css b/src/styles/typography.css
@@ -1,4 +1,10 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100;8..144,200;8..144,300;8..144,400;8..144,500;8..144,600;8..144,700;8..144,800;8..144,900;8..144,1000&display=swap');@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100;8..144,200;8..144,300;8..144,400;8..144,500;8..144,600;8..144,700;8..144,800;8..144,900;8..144,1000&display=swap");
+@font-face {
+  font-family: "RobotoFlex";
+  src: url("../../public/fonts/RobotoFlex-VariableFont_GRAD,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf") format("woff2-variations");
+  font-weight: 100 900;
+  font-stretch: 75% 125%;
+  font-style: normal;
+}
 
 @font-face {
   font-family: PlakatoColorHappy2022;

diff --git a/src/styles/vars.css b/src/styles/vars.css
@@ -33,7 +33,7 @@
   --size-s-3: calc(var(--size-s-2) / var(--scale));
 
   --textOpacity: 0.9;
-  --font-primary: "Roboto Flex";
+  --font-primary: "RobotoFlex";
   --font-fallback: " Arial, Helvetica, sans-serif";
 
   --grid-columns: 1;