Use CDN for Inter font

src/scss/1-variables/_custom.scss

@@ -0,0 +1 @@
+// Place your custom variables here

src/scss/1-variables/_fonts.scss

@@ -1,152 +0,0 @@
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 100;
-  font-display: block;
-  src: url("../fonts/Inter-Thin-BETA.woff2") format("woff2"),
-       url("../fonts/Inter-Thin-BETA.woff") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 100;
-  font-display: block;
-  src: url("../fonts/Inter-ThinItalic-BETA.woff2") format("woff2"),
-       url("../fonts/Inter-ThinItalic-BETA.woff") format("woff");
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 200;
-  font-display: block;
-  src: url("../fonts/Inter-ExtraLight-BETA.woff2") format("woff2"),
-       url("../fonts/Inter-ExtraLight-BETA.woff") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 200;
-  font-display: block;
-  src: url("../fonts/Inter-ExtraLightItalic-BETA.woff2") format("woff2"),
-       url("../fonts/Inter-ExtraLightItalic-BETA.woff") format("woff");
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 300;
-  font-display: block;
-  src: url("../fonts/Inter-Light-BETA.woff2") format("woff2"),
-       url("../fonts/Inter-Light-BETA.woff") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 300;
-  font-display: block;
-  src: url("../fonts/Inter-LightItalic-BETA.woff2") format("woff2"),
-       url("../fonts/Inter-LightItalic-BETA.woff") format("woff");
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 400;
-  font-display: block;
-  src: url("../fonts/Inter-Regular.woff2") format("woff2"),
-       url("../fonts/Inter-Regular.woff") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 400;
-  font-display: block;
-  src: url("../fonts/Inter-Italic.woff2") format("woff2"),
-       url("../fonts/Inter-Italic.woff") format("woff");
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 500;
-  font-display: block;
-  src: url("../fonts/Inter-Medium.woff2") format("woff2"),
-       url("../fonts/Inter-Medium.woff") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 500;
-  font-display: block;
-  src: url("../fonts/Inter-MediumItalic.woff2") format("woff2"),
-       url("../fonts/Inter-MediumItalic.woff") format("woff");
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 600;
-  font-display: block;
-  src: url("../fonts/Inter-SemiBold.woff2") format("woff2"),
-       url("../fonts/Inter-SemiBold.woff") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 600;
-  font-display: block;
-  src: url("../fonts/Inter-SemiBoldItalic.woff2") format("woff2"),
-       url("../fonts/Inter-SemiBoldItalic.woff") format("woff");
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 700;
-  font-display: block;
-  src: url("../fonts/Inter-Bold.woff2") format("woff2"),
-       url("../fonts/Inter-Bold.woff") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 700;
-  font-display: block;
-  src: url("../fonts/Inter-BoldItalic.woff2") format("woff2"),
-       url("../fonts/Inter-BoldItalic.woff") format("woff");
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 800;
-  font-display: block;
-  src: url("../fonts/Inter-ExtraBold.woff2") format("woff2"),
-       url("../fonts/Inter-ExtraBold.woff") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 800;
-  font-display: block;
-  src: url("../fonts/Inter-ExtraBoldItalic.woff2") format("woff2"),
-       url("../fonts/Inter-ExtraBoldItalic.woff") format("woff");
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 900;
-  font-display: block;
-  src: url("../fonts/Inter-Black.woff2") format("woff2"),
-       url("../fonts/Inter-Black.woff") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 900;
-  font-display: block;
-  src: url("../fonts/Inter-BlackItalic.woff2") format("woff2"),
-       url("../fonts/Inter-BlackItalic.woff") format("woff");
-}

src/scss/1-variables/_variables.scss

@@ -1,5 +1,5 @@
 // Fonts
-$font-family-sans-serif: "Inter", "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+$font-family-sans-serif: "Inter", "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
 $font-weight-light: 300 !default;
 $font-weight-normal: 400 !default;
 $font-weight-bold: 600 !default;

src/scss/app.scss

@@ -6,8 +6,8 @@
  */
 
 // Variables
-@import "1-variables/fonts";
 @import "1-variables/variables";
+@import "1-variables/custom";
 
 // Bootstrap
 @import "~bootstrap/scss/bootstrap";