Self-host fonts

kimmy · May 19, 2018 · a8e89e3 · a8e89e3
1 parent 47a94f4
commit a8e89e3
Show file tree

Hide file tree

Showing 14 changed files with 1,272 additions and 19 deletions.
diff --git a/src/assets/css/fonts.css b/src/assets/css/fonts.css
@@ -0,0 +1,25 @@
+@font-face {
+  font-family: 'Caveat';
+  font-style: normal;
+  font-weight: 400;
+  src: url('../fonts/caveat-regular.eot'); /* IE9 Compat Modes */
+  src: local('Caveat Regular'), local('Caveat-Regular'),
+       url('../fonts/caveat-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../fonts/caveat-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../fonts/caveat-regular.woff') format('woff'), /* Modern Browsers */
+       url('../fonts/caveat-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../fonts/caveat-regular.svg#Caveat') format('svg'); /* Legacy iOS */
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 400;
+  src: url('../fonts/lato-regular.eot'); /* IE9 Compat Modes */
+  src: local('Lato Regular'), local('Lato-Regular'),
+       url('../fonts/lato-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../fonts/lato-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../fonts/lato-regular.woff') format('woff'), /* Modern Browsers */
+       url('../fonts/lato-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../fonts/lato-regular.svg#Lato') format('svg'); /* Legacy iOS */
+}
diff --git a/src/assets/css/styles.js b/src/assets/css/styles.js
@@ -1,26 +1,11 @@
+import React from "react";
 import { injectGlobal } from "react-emotion";
-
-const LatoBlackTTF = "../fonts/Lato-Black.ttf";
-const CaveatRegularTTF = "../fonts/Caveat-Regular.ttf";
+import "./fonts.css"
 
 injectGlobal`
   body {
     font-family: 'Lato', sans-serif;
   }
-
-  @font-face {
-    font-family: "Lato", sans-serif;
-    font-style: normal;
-    font-weight: 400;
-    src: local("Lato Black"), local("Lato-Black"), url(${LatoBlackTTF}) format("ttf");
-  }
-
-  @font-face {
-    font-family: "Caveat", cursive;
-    font-style: normal;
-    font-weight: 400;
-    src: local("Caveat Regular"), local("Caveat-Regular"), url(${CaveatRegularTTF}) format("ttf");
-  }
 `;
 
 const centerClass = `

diff --git a/src/assets/css/variables.js b/src/assets/css/variables.js
@@ -0,0 +1 @@
+import React from "react"
diff --git a/src/assets/fonts/caveat-regular.eot b/src/assets/fonts/caveat-regular.eot
diff --git a/src/assets/fonts/caveat-regular.svg b/src/assets/fonts/caveat-regular.svg
diff --git a/src/assets/fonts/caveat-regular.ttf b/src/assets/fonts/caveat-regular.ttf
diff --git a/src/assets/fonts/caveat-regular.woff b/src/assets/fonts/caveat-regular.woff
diff --git a/src/assets/fonts/caveat-regular.woff2 b/src/assets/fonts/caveat-regular.woff2
diff --git a/src/assets/fonts/lato-regular.eot b/src/assets/fonts/lato-regular.eot
diff --git a/src/assets/fonts/lato-regular.svg b/src/assets/fonts/lato-regular.svg
diff --git a/src/assets/fonts/lato-regular.ttf b/src/assets/fonts/lato-regular.ttf
diff --git a/src/assets/fonts/lato-regular.woff b/src/assets/fonts/lato-regular.woff
diff --git a/src/assets/fonts/lato-regular.woff2 b/src/assets/fonts/lato-regular.woff2
diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
@@ -3,8 +3,6 @@
 @import 'libs/mixins';
 @import '../css/font-awesome.min.css';
 @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic");
-@import url("https://fonts.googleapis.com/css?family=Caveat");
-@import url("https://fonts.googleapis.com/css?family=Lato");
 
 /*
   Strata by HTML5 UP