Completely switch to Inter font

cantarell/cantarell.css

@@ -1,15 +0,0 @@
-/* cantarell-regular */
-@font-face {
-	font-family: Cantarell;
-	font-style: normal;
-	font-weight: 400;
-	src: local("Cantarell Regular"), local("Cantarell-Regular"), url(cantarell-regular.woff2) format("woff2");
-}
-/* cantarell-bold */
-@font-face {
-	font-family: Cantarell;
-	font-style: normal;
-	font-weight: 700;
-	src: local("Cantarell Bold"), local("Cantarell-Bold"), url(cantarell-bold.woff2) format("woff2");
-}
-

inter-display/inter-display.css

@@ -0,0 +1,127 @@
+/* inter-display-black */
+@font-face {
+	font-family: Inter Display;
+	font-style: normal;
+	font-weight: 900;
+	src: local("Inter Display Black"), local("InterDisplay-Black"), url(inter-display-black.woff2) format("woff2");
+}
+/* inter-display-black-italic */
+@font-face {
+	font-family: Inter Display;
+	font-style: italic;
+	font-weight: 900;
+	src: local("Inter Display Black Italic"), local("InterDisplay-BlackItalic"), url(inter-display-black-italic.woff2) format("woff2");
+}
+/* inter-display-bold */
+@font-face {
+	font-family: Inter Display;
+	font-style: normal;
+	font-weight: 700;
+	src: local("Inter Display Bold"), local("InterDisplay-Bold"), url(inter-display-bold.woff2) format("woff2");
+}
+/* inter-display-bold-italic */
+@font-face {
+	font-family: Inter Display;
+	font-style: italic;
+	font-weight: 700;
+	src: local("Inter Display Bold Italic"), local("InterDisplay-BoldItalic"), url(inter-display-bold-italic.woff2) format("woff2");
+}
+/* inter-display-extrabold */
+@font-face {
+	font-family: Inter Display;
+	font-style: normal;
+	font-weight: 400;
+	src: local("Inter Display ExtraBold"), local("InterDisplay-ExtraBold"), url(inter-display-extrabold.woff2) format("woff2");
+}
+/* inter-display-extrabold-italic */
+@font-face {
+	font-family: Inter Display;
+	font-style: italic;
+	font-weight: 400;
+	src: local("Inter Display ExtraBold Italic"), local("InterDisplay-ExtraBoldItalic"), url(inter-display-extrabold-italic.woff2) format("woff2");
+}
+/* inter-display-extralight */
+@font-face {
+	font-family: Inter Display;
+	font-style: normal;
+	font-weight: 400;
+	src: local("Inter Display ExtraLight"), local("InterDisplay-ExtraLight"), url(inter-display-extralight.woff2) format("woff2");
+}
+/* inter-display-extralight-italic */
+@font-face {
+	font-family: Inter Display;
+	font-style: italic;
+	font-weight: 400;
+	src: local("Inter Display ExtraLight Italic"), local("InterDisplay-ExtraLightItalic"), url(inter-display-extralight-italic.woff2) format("woff2");
+}
+/* inter-display-italic */
+@font-face {
+	font-family: Inter Display;
+	font-style: italic;
+	font-weight: 400;
+	src: local("Inter Display Italic"), local("InterDisplay-Italic"), url(inter-display-italic.woff2) format("woff2");
+}
+/* inter-display-light */
+@font-face {
+	font-family: Inter Display;
+	font-style: normal;
+	font-weight: 300;
+	src: local("Inter Display Light"), local("InterDisplay-Light"), url(inter-display-light.woff2) format("woff2");
+}
+/* inter-display-light-italic */
+@font-face {
+	font-family: Inter Display;
+	font-style: italic;
+	font-weight: 300;
+	src: local("Inter Display Light Italic"), local("InterDisplay-LightItalic"), url(inter-display-light-italic.woff2) format("woff2");
+}
+/* inter-display-medium */
+@font-face {
+	font-family: Inter Display;
+	font-style: normal;
+	font-weight: 500;
+	src: local("Inter Display Medium"), local("InterDisplay-Medium"), url(inter-display-medium.woff2) format("woff2");
+}
+/* inter-display-medium-italic */
+@font-face {
+	font-family: Inter Display;
+	font-style: italic;
+	font-weight: 500;
+	src: local("Inter Display Medium Italic"), local("InterDisplay-MediumItalic"), url(inter-display-medium-italic.woff2) format("woff2");
+}
+/* inter-display-regular */
+@font-face {
+	font-family: Inter Display;
+	font-style: normal;
+	font-weight: 400;
+	src: local("Inter Display Regular"), local("InterDisplay-Regular"), url(inter-display-regular.woff2) format("woff2");
+}
+/* inter-display-semibold */
+@font-face {
+	font-family: Inter Display;
+	font-style: normal;
+	font-weight: 400;
+	src: local("Inter Display SemiBold"), local("InterDisplay-SemiBold"), url(inter-display-semibold.woff2) format("woff2");
+}
+/* inter-display-semibold-italic */
+@font-face {
+	font-family: Inter Display;
+	font-style: italic;
+	font-weight: 400;
+	src: local("Inter Display SemiBold Italic"), local("InterDisplay-SemiBoldItalic"), url(inter-display-semibold-italic.woff2) format("woff2");
+}
+/* inter-display-thin */
+@font-face {
+	font-family: Inter Display;
+	font-style: normal;
+	font-weight: 100;
+	src: local("Inter Display Thin"), local("InterDisplay-Thin"), url(inter-display-thin.woff2) format("woff2");
+}
+/* inter-display-thin-italic */
+@font-face {
+	font-family: Inter Display;
+	font-style: italic;
+	font-weight: 100;
+	src: local("Inter Display Thin Italic"), local("InterDisplay-ThinItalic"), url(inter-display-thin-italic.woff2) format("woff2");
+}
+

inter/inter.css

@@ -0,0 +1,127 @@
+/* inter-black */
+@font-face {
+	font-family: Inter;
+	font-style: normal;
+	font-weight: 900;
+	src: local("Inter Black"), local("Inter-Black"), url(inter-black.woff2) format("woff2");
+}
+/* inter-black-italic */
+@font-face {
+	font-family: Inter;
+	font-style: italic;
+	font-weight: 900;
+	src: local("Inter Black Italic"), local("Inter-BlackItalic"), url(inter-black-italic.woff2) format("woff2");
+}
+/* inter-bold */
+@font-face {
+	font-family: Inter;
+	font-style: normal;
+	font-weight: 700;
+	src: local("Inter Bold"), local("Inter-Bold"), url(inter-bold.woff2) format("woff2");
+}
+/* inter-bold-italic */
+@font-face {
+	font-family: Inter;
+	font-style: italic;
+	font-weight: 700;
+	src: local("Inter Bold Italic"), local("Inter-BoldItalic"), url(inter-bold-italic.woff2) format("woff2");
+}
+/* inter-extrabold */
+@font-face {
+	font-family: Inter;
+	font-style: normal;
+	font-weight: 400;
+	src: local("Inter ExtraBold"), local("Inter-ExtraBold"), url(inter-extrabold.woff2) format("woff2");
+}
+/* inter-extrabold-italic */
+@font-face {
+	font-family: Inter;
+	font-style: italic;
+	font-weight: 400;
+	src: local("Inter ExtraBold Italic"), local("Inter-ExtraBoldItalic"), url(inter-extrabold-italic.woff2) format("woff2");
+}
+/* inter-extralight */
+@font-face {
+	font-family: Inter;
+	font-style: normal;
+	font-weight: 400;
+	src: local("Inter ExtraLight"), local("Inter-ExtraLight"), url(inter-extralight.woff2) format("woff2");
+}
+/* inter-extralight-italic */
+@font-face {
+	font-family: Inter;
+	font-style: italic;
+	font-weight: 400;
+	src: local("Inter ExtraLight Italic"), local("Inter-ExtraLightItalic"), url(inter-extralight-italic.woff2) format("woff2");
+}
+/* inter-italic */
+@font-face {
+	font-family: Inter;
+	font-style: italic;
+	font-weight: 400;
+	src: local("Inter Italic"), local("Inter-Italic"), url(inter-italic.woff2) format("woff2");
+}
+/* inter-light */
+@font-face {
+	font-family: Inter;
+	font-style: normal;
+	font-weight: 300;
+	src: local("Inter Light"), local("Inter-Light"), url(inter-light.woff2) format("woff2");
+}
+/* inter-light-italic */
+@font-face {
+	font-family: Inter;
+	font-style: italic;
+	font-weight: 300;
+	src: local("Inter Light Italic"), local("Inter-LightItalic"), url(inter-light-italic.woff2) format("woff2");
+}
+/* inter-medium */
+@font-face {
+	font-family: Inter;
+	font-style: normal;
+	font-weight: 500;
+	src: local("Inter Medium"), local("Inter-Medium"), url(inter-medium.woff2) format("woff2");
+}
+/* inter-medium-italic */
+@font-face {
+	font-family: Inter;
+	font-style: italic;
+	font-weight: 500;
+	src: local("Inter Medium Italic"), local("Inter-MediumItalic"), url(inter-medium-italic.woff2) format("woff2");
+}
+/* inter-regular */
+@font-face {
+	font-family: Inter;
+	font-style: normal;
+	font-weight: 400;
+	src: local("Inter Regular"), local("Inter-Regular"), url(inter-regular.woff2) format("woff2");
+}
+/* inter-semibold */
+@font-face {
+	font-family: Inter;
+	font-style: normal;
+	font-weight: 400;
+	src: local("Inter SemiBold"), local("Inter-SemiBold"), url(inter-semibold.woff2) format("woff2");
+}
+/* inter-semibold-italic */
+@font-face {
+	font-family: Inter;
+	font-style: italic;
+	font-weight: 400;
+	src: local("Inter SemiBold Italic"), local("Inter-SemiBoldItalic"), url(inter-semibold-italic.woff2) format("woff2");
+}
+/* inter-thin */
+@font-face {
+	font-family: Inter;
+	font-style: normal;
+	font-weight: 100;
+	src: local("Inter Thin"), local("Inter-Thin"), url(inter-thin.woff2) format("woff2");
+}
+/* inter-thin-italic */
+@font-face {
+	font-family: Inter;
+	font-style: italic;
+	font-weight: 100;
+	src: local("Inter Thin Italic"), local("Inter-ThinItalic"), url(inter-thin-italic.woff2) format("woff2");
+}
+

style.css

@@ -1,4 +1,5 @@
-@import url("cantarell/cantarell.css");
+@import url("inter/inter.css");
+@import url("inter-display/inter-display.css");
 @import url("navbar.css");
 
 html *