Make woff fonts and use them

Author: caspear

assets/anka-coder-condensed.css

@@ -1,14 +1,16 @@
 @font-face {
   font-family: 'AnkaCoderCondensed';
-  src: url('./fonts/anka-coder-condensed/AnkaCoderCondensedRegular.ttf') format('truetype');
+  src: url('./fonts/anka-coder-condensed/AnkaCoderCondensedRegular.subset.woff2') format('woff2'),
+       url('./fonts/anka-coder-condensed/AnkaCoderCondensedRegular.subset.ttf') format('truetype');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: 'AnkaCoderCondensed';
-  src: url('./fonts/anka-coder-condensed/AnkaCoderCondensedBold.ttf') format('truetype');
+  src: url('./fonts/anka-coder-condensed/AnkaCoderCondensedBold.subset.woff2') format('woff2'),
+       url('./fonts/anka-coder-condensed/AnkaCoderCondensedBold.subset.ttf') format('truetype');
   font-weight: 700;
   font-style: normal;
   font-display: swap;

assets/fonts/anka-coder-condensed/AnkaCoderCondensedBold.subset.ttf

@@ -10,6 +10,8 @@
         <meta property="og:site_name" content="The Digital Circle">
         <meta property="og:url" content="https://thedigitalcircle.org/">
         <meta property="og:image" content="/LOGO-DIGITALCIRCLE.png">
+        <link rel="preload" href="/assets/fonts/anka-coder-condensed/AnkaCoderCondensedRegular.subset.woff2" as="font" type="font/woff2" crossorigin>
+        <link rel="preload" href="/assets/fonts/anka-coder-condensed/AnkaCoderCondensedBold.subset.woff2" as="font" type="font/woff2" crossorigin>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="./assets/normalize.min.css">
     <link rel="stylesheet" media="screen" href="./assets/anka-coder-condensed.css" type="text/css"/>