Replace fonts with IBM-Plex

css/fonts.css

@@ -0,0 +1,48 @@
+@font-face {
+  font-family: 'IBM Plex Sans';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: local('IBM Plex Sans Medium'), local('IBMPlexSans-Medium'), url(/fonts/IBM-Plex-Sans/IBMPlexSans-Medium.woff2) format('woff2');
+}
+
+
+@font-face {
+  font-family: 'IBM Plex Serif';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local('IBM Plex Serif'), local('IBMPlexSerif'), url(/fonts/IBM-Plex-Serif/IBMPlexSerif-Regular.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'IBM Plex Serif';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'), url(/fonts/IBM-Plex-Serif/IBMPlexSerif-Italic.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'IBM Plex Serif';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: local('IBM Plex Serif Medium'), local('IBMPlexSerif-Medium'), url(/fonts/IBM-Plex-Serif/IBMPlexSerif-Medium.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'IBM Plex Serif';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: local('IBM Plex Serif Bold'), local('IBMPlexSerif-Bold'), url(/fonts/IBM-Plex-Serif/IBMPlexSerif-Bold.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local('IBM Plex Mono'), local('IBMPlexMono'), url(/fonts/IBM-Plex-Mono/IBMPlexMono-Regular.woff2) format('woff2');
+ 

css/theme.css

@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:500&display=swap');
-@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Serif:400,400i,500,700&display=swap');
 @import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400&display=swap');
 
 html {

site.hs

@@ -44,11 +44,7 @@ main = hakyllWith config $ do
         route   idRoute
         compile compressCssCompiler
 
-    match "fonts/crimson/*" $ do
+    match "fonts/*/*" $ do
-      route $ idRoute
-      compile copyFileCompiler
-
-    match "fonts/lato/*" $ do
       route $ idRoute
       compile copyFileCompiler
 

templates/default.html

@@ -5,6 +5,7 @@
         <meta http-equiv="x-ua-compatible" content="ie=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>$title$</title>
+        <link rel="stylesheet" href="/css/fonts.css" />
         <link rel="stylesheet" href="/css/theme.css" />
         <link rel="stylesheet" href="/css/syntax.css" />
   </head>