adding page based preload option, making preload of monospaced font in posts default to avoid CLS

src/_layouts/base.njk

@@ -40,6 +40,16 @@
       crossorigin
     />
 
+    <!-- preloads in page data -->
+    {% if preloads -%}
+    <!-- prettier-ignore -->
+    <link rel="preload"
+            href="{{ preloads.href }}"
+            as="{{ preloads.as }}"
+            {% if preloads.type %}type={{ preloads.type }}{% endif %}{% if preloads.imagesrcset %}imagesrcset="{{ preloads.imagesrcset }}" {% endif %}
+            {% if preloads.crossorigin %}crossorigin{% endif %} />
+    {% endif %}
+
     <!-- defered js  -->
     <script type="module" src="/assets/app.js" defer></script>
 

src/_layouts/post.njk

@@ -1,5 +1,10 @@
 ---
 layout: base
+preloads:
+  href: '/assets/fonts/robotomono/robotomono-variablefont_wght-webfont.woff2'
+  as: 'font'
+  type: 'font/woff2'
+  crossorigin: true
 ---
 
 <article class="region blog">