Use more modern @font-face formats

src/scss/_fonts.scss

@@ -1,39 +1,32 @@
-@font-face {
-  font-family: 'Zemestro Std';
-  src: url('fonts/ZemestroStd.eot');
-  src: url('fonts/ZemestroStd.eot?#iefix') format('embedded-opentype'),
-  url('fonts/ZemestroStd.woff') format('woff'),
-  url('fonts/ZemestroStd.ttf') format('truetype');
-  font-weight: normal;
-  font-style: normal;
-}
-
 @font-face {
   font-family: 'Interstate';
-  src: url('fonts/Interstate Regular.eot');
-  src: url('fonts/Interstate Regular.eot?#iefix') format('embedded-opentype'),
-  url('fonts/Interstate Regular.woff') format('woff'),
-  url('fonts/Interstate Regular.ttf') format('truetype');
-  font-weight: normal;
+  src: url('/fonts/Interstate-Bold.woff2') format('woff2'),
+  url('/fonts/Interstate-Bold.woff') format('woff');
+  font-weight: bold;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Interstate Mono';
-  src: url('fonts/hinted-subset-InterstateMono.eot');
-  src: url('fonts/hinted-subset-InterstateMono.eot?#iefix') format('embedded-opentype'),
-  url('fonts/hinted-subset-InterstateMono.woff') format('woff'),
-  url('fonts/hinted-subset-InterstateMono.ttf') format('truetype');
+  src: url('/fonts/InterstateMono.woff2') format('woff2'),
+  url('/fonts/InterstateMono.woff') format('woff');
   font-weight: normal;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Interstate';
-  src: url('fonts/hinted-subset-Interstate-Bold.eot');
-  src: url('fonts/hinted-subset-Interstate-Bold.eot?#iefix') format('embedded-opentype'),
-  url('fonts/hinted-subset-Interstate-Bold.woff') format('woff'),
-  url('fonts/Interstate Bold.ttf') format('truetype');
-  font-weight: bold;
+  src: url('/fonts/Interstate-Regular.woff2') format('woff2'),
+  url('/fonts/Interstate-Regular.woff') format('woff');
+  font-weight: normal;
   font-style: normal;
-}
+}
+
+@font-face {
+  font-family: 'Zemestro Std';
+  src: url('/fonts/ZemestroStd.woff2') format('woff2'),
+  url('/fonts/ZemestroStd.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+

webroot/fonts/stylesheet.css

@@ -1,31 +0,0 @@
-/* This stylesheet generated by Transfonter (https://transfonter.org) on October 10, 2017 7:34 PM */
-
-@font-face {
-	font-family: 'Interstate';
-	src: url('hinted-subset-Interstate-Regular.eot');
-	src: url('hinted-subset-Interstate-Regular.eot?#iefix') format('embedded-opentype'),
-		url('hinted-subset-Interstate-Regular.woff') format('woff'),
-		url('hinted-subset-Interstate-Regular.ttf') format('truetype');
-	font-weight: normal;
-	font-style: normal;
-}
-
-@font-face {
-	font-family: 'Interstate Mono';
-	src: url('hinted-subset-InterstateMono.eot');
-	src: url('hinted-subset-InterstateMono.eot?#iefix') format('embedded-opentype'),
-		url('hinted-subset-InterstateMono.woff') format('woff'),
-		url('hinted-subset-InterstateMono.ttf') format('truetype');
-	font-weight: normal;
-	font-style: normal;
-}
-
-@font-face {
-	font-family: 'Interstate';
-	src: url('hinted-subset-Interstate-Bold.eot');
-	src: url('hinted-subset-Interstate-Bold.eot?#iefix') format('embedded-opentype'),
-		url('hinted-subset-Interstate-Bold.woff') format('woff'),
-		url('hinted-subset-Interstate-Bold.ttf') format('truetype');
-	font-weight: bold;
-	font-style: normal;
-}