From 56a32cb861e698cbe633b037e4a9bc42dd7403c3 Mon Sep 17 00:00:00 2001
From: User Mms <mms@voyager.local>
Date: Thu, 17 Oct 2024 20:15:24 +0200
Subject: font

---
 themes/24-unification/layouts/_default/baseof.html | 27 ++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)

(limited to 'themes/24-unification/layouts/_default')

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;
               }
-- 
cgit v1.2.3