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/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,8 +1,8 @@
-@import url("cantarell/cantarell.css");
+@import url("inter/inter.css");
 
 html *
 {
-   font-family: Cantarell, sans-serif;
+   font-family: Inter, Cantarell, sans-serif;
 }
 
 .header {