use variable font (#190)

* use variable font * add changeset * remove heavy + black and replace bold to 700 * add millik font * revert rename * remove fontWeight override --------- Co-authored-by: Alec Ananian <[email protected]>
TreasureProject · Dec 5, 2024 · cd2d228 · cd2d228
1 parent 463f114
commit cd2d228
Show file tree

Hide file tree

Showing 12 changed files with 18 additions and 22 deletions.
diff --git a/.changeset/wicked-oranges-prove.md b/.changeset/wicked-oranges-prove.md
@@ -0,0 +1,5 @@
+---
+"@treasure-dev/tailwind-config": minor
+---
+
+use variable font instead of fixed
diff --git a/packages/tailwind-config/fonts.css b/packages/tailwind-config/fonts.css
@@ -1,3 +1,12 @@
+@font-face {
+  font-family: "Millik";
+  font-weight: 700;
+  font-display: swap;
+  font-style: normal;
+  src: url("./fonts/Millik.woff2") format("woff2"),
+    url("./fonts/Millik.woff") format("woff");
+}
+
 @font-face {
   font-family: "GroteskSemi";
   font-weight: 400;
@@ -9,7 +18,7 @@
 
 @font-face {
   font-family: "GroteskSemi";
-  font-weight: 500;
+  font-weight: 600;
   font-display: swap;
   font-style: normal;
   src: url("./fonts/ABCMonumentGroteskSemi-Mono-Medium.woff2") format("woff2"),
@@ -27,27 +36,9 @@
 
 @font-face {
   font-family: "Whyte";
-  font-weight: 400;
-  font-display: swap;
-  font-style: normal;
-  src: url("./fonts/ABCWhyte-Regular.woff2") format("woff2"),
-    url("./fonts/ABCWhyte-Regular.woff") format("woff");
-}
-
-@font-face {
-  font-family: "Whyte";
-  font-weight: 500;
-  font-display: swap;
-  font-style: normal;
-  src: url("./fonts/ABCWhyte-Medium.woff2") format("woff2"),
-    url("./fonts/ABCWhyte-Medium.woff") format("woff");
-}
-
-@font-face {
-  font-family: "Whyte";
-  font-weight: 700;
+  font-weight: 100 900;
   font-display: swap;
   font-style: normal;
-  src: url("./fonts/ABCWhyte-Bold.woff2") format("woff2"),
-    url("./fonts/ABCWhyte-Bold.woff") format("woff");
+  src: url("./fonts/ABCWhyteVariable.woff2") format("woff2"),
+    url("./fonts/ABCWhyteVariable.woff") format("woff");
 }
diff --git a/packages/tailwind-config/fonts/ABCWhyte-Bold.woff b/packages/tailwind-config/fonts/ABCWhyte-Bold.woff
diff --git a/packages/tailwind-config/fonts/ABCWhyte-Bold.woff2 b/packages/tailwind-config/fonts/ABCWhyte-Bold.woff2
diff --git a/packages/tailwind-config/fonts/ABCWhyte-Medium.woff b/packages/tailwind-config/fonts/ABCWhyte-Medium.woff
diff --git a/packages/tailwind-config/fonts/ABCWhyte-Medium.woff2 b/packages/tailwind-config/fonts/ABCWhyte-Medium.woff2
diff --git a/packages/tailwind-config/fonts/ABCWhyte-Regular.woff b/packages/tailwind-config/fonts/ABCWhyte-Regular.woff
diff --git a/packages/tailwind-config/fonts/ABCWhyte-Regular.woff2 b/packages/tailwind-config/fonts/ABCWhyte-Regular.woff2
diff --git a/packages/tailwind-config/fonts/ABCWhyteVariable.woff b/packages/tailwind-config/fonts/ABCWhyteVariable.woff
diff --git a/packages/tailwind-config/fonts/ABCWhyteVariable.woff2 b/packages/tailwind-config/fonts/ABCWhyteVariable.woff2
diff --git a/packages/tailwind-config/fonts/Millik.woff b/packages/tailwind-config/fonts/Millik.woff
diff --git a/packages/tailwind-config/fonts/Millik.woff2 b/packages/tailwind-config/fonts/Millik.woff2