feat: change subheading font to C64

static/css/in.css

@@ -3,6 +3,13 @@
 @tailwind utilities;
 
 @layer base {
+  @font-face {
+    /*https://style64.org/c64-truetype*/
+    font-family: "C64 Pro Mono";
+    font-weight: 400;
+    src: url(/theme/font/C64_Pro_Mono-STYLE.woff2) format("woff");
+  }
+
   html {
     /* text-lg == prose-lg */
     /* text-xl == prose-xl */
@@ -42,6 +49,9 @@
   dd {
     @apply ml-12 md:ml-24;
   }
+  ul {
+    @apply pl-4 list-disc;
+  }
 }
 
 @layer components {

static/css/out.css

@@ -554,6 +554,16 @@ video {
   display: none;
 }
 
+@font-face {
+  /*https://style64.org/c64-truetype*/
+
+  font-family: "C64 Pro Mono";
+
+  font-weight: 400;
+
+  src: url(/theme/font/C64_Pro_Mono-STYLE.woff2) format("woff");
+}
+
 html {
   /* text-lg == prose-lg */
   /* text-xl == prose-xl */
@@ -703,6 +713,11 @@ dd {
   }
 }
 
+ul {
+  list-style-type: disc;
+  padding-left: 1rem;
+}
+
 /* Preflight is injected here */
 
 .prose {
@@ -1393,10 +1408,6 @@ code {
   vertical-align: top;
 }
 
-.font-subheading {
-  font-family: Stardom, sans-serif;
-}
-
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;

tailwind.config.js

@@ -9,7 +9,6 @@ module.exports = {
     fontFamily: {
       texts: ["Erode", "serif"],
       headings: ["Fira Sans", "sans-serif"],
-      subheading: ["Stardom", "sans-serif"],
     },
     extend: {
       // NOTE: this is for non-prose (so not Markdown rendered with typography plugin)

templates/base.html

@@ -61,7 +61,7 @@
           <hgroup>
             <h1 class="text-4xl md:text-7xl font-bold text-rp-dawn-foam"><a class="no-underline text-rp-dawn-pine dark:text-rp-moon-foam" href="{{ SITEURL }}/">{{ SITENAME }}</a></h1>
             {% if SITESUBTITLE %}
-              <h2 class="font-subheading text-xl -mt-9 ml-14 md:text-2xl text-rp-dawn-love dark:text-rp-moon-iris">{{ SITESUBTITLE }}</h2>
+            <h2 class="text-xl -mt-9 ml-14 md:text-2xl text-rp-dawn-love dark:text-rp-moon-iris"><tt style="font-family: 'C64 Pro Mono'; letter-spacing: -0.2em;">{{ SITESUBTITLE }}</tt></h2>
             {% endif %}
           </hgroup>
         </header>