font

1 files changed, 23 insertions, 4 deletions

diff --git a/themes/24-unification/layouts/_default/baseof.html b/themes/24-unification/layouts/_default/baseof.html
index 4cdcfe6..d4ba794 100644
--- a/themes/24-unification/layouts/_default/baseof.html
+++ b/themes/24-unification/layouts/_default/baseof.html
@@ -41,7 +41,6 @@
     <link rel="webmention" href="https://webmention.io/d-s.sh/webmention">
     <link rel="pingback" href="https://webmention.io/d-s.sh/xmlrpc">
 
-    {{- $bg := resources.Get "bg.gif"  }}
     <style>
       :root {
           --bg-color: #738276;
@@ -57,6 +56,27 @@
 
           --breakpoint: 800px;
       }
+
+    @font-face {
+        font-family: "bryle";
+        {{- $font := resources.Get "fonts/Atkinson-Hyperlegible-Regular-102a.woff2"  -}}
+        src: url("{{ $font.Permalink }}");
+        font-weight: regular;
+    }
+
+    @font-face {
+        font-family: "bryle";
+        {{- $font := resources.Get "fonts/Atkinson-Hyperlegible-Bold-102a.woff2"  -}}
+        src: url("{{ $font.Permalink }}");
+        font-weight: bold;
+    }
+
+    @font-face {
+        font-family: "bryle";
+        {{- $font := resources.Get "fonts/Atkinson-Hyperlegible-Italic-102a.woff2"  -}}
+        src: url("{{ $font.Permalink }}");
+        font-style: italic;
+    }
       html {
           min-height: 100dvh;
       }
@@ -68,7 +88,7 @@
           color: var(--text-color);
           background-attachment: fixed;
           max-width: 98%;
-          font-family: serif;
+          font-family:  "bryle";
           font-size: 1.0em;
           display: flex;
           flex-direction: row;
@@ -90,7 +110,6 @@
       .nav {
           background-image: linear-gradient(0deg, #738276 25%, #4a524b 25%, #4a524b 50%, #738276 50%, #738276 75%, #4a524b 75%, #4a524b 100%);
           background-size: 4.00px 3.00px;
-          /* background-image: url({{ $bg.Permalink }}); */
           background-attachment: fixed;
           height: auto;
           flex-shrink: 0;
@@ -118,7 +137,7 @@
               padding-bottom: 5px;
               padding-top: 5px;
               background-size: 30px;
-
+              font-family: monospace;
               a {
                   border: 0!important;
               }