Changing fonts to the lovely Bricolage Grotesque

nathanlong · Aug 14, 2023 · 0667f44 · 0667f44
1 parent 45ecdf8
commit 0667f44
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 12 deletions.
diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
@@ -78,8 +78,6 @@
     <footer class="footer full w-full flex flex-col-to-row justify-between items-center px-1rem py-1 items-center mt-content gap-1">
       <p class="color-reduced font-small m-0"><a class="color-reduced" href="https://creativecommons.org/licenses/by-nc/4.0/">CC BY-NC-SA 4.0</a> 2023 &copy; Nathan Long.</p>
 
-      <p class="color-reduced font-small m-0 text-center">Signup for <a href="{{ '/newsletter/' | url }}">my weekly newsletter</a> for weekly net noodlings.</p>
-
       <nav class="nav-footer no-shrink">
         <menu class="nav m-0 p-0 flex flex-row list-none space-x-1">
           {%- for entry in collections.all | eleventyNavigation %}

diff --git a/public/css/styles.css b/public/css/styles.css
@@ -42,33 +42,35 @@
 @font-face {
   font-family: Arial Narrow;
   src: local(Arial Narrow);
-  size-adjust: 105%;
+  size-adjust: 86%;
 }
 
+/* Gorgeous font from Mathieu Triay via: https://ateliertriay.github.io/bricolage/ */
 @font-face {
-  font-family: 'Fira Sans';
+  font-family: 'Bricolage Grotesque';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url('/fonts/fira-sans-400.woff2') format('woff2');
+  src: url('/fonts/BricolageGrotesque-Regular.woff2') format('woff2');
 }
 
 @font-face {
-  font-family: 'Fira Sans';
+  font-family: 'Bricolage Grotesque';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
-  src: url('/fonts/fira-sans-700.woff2') format('woff2');
+  src: url('/fonts/BricolageGrotesque-Bold.woff2') format('woff2');
 }
 
 @font-face {
-  font-family: 'Fira Sans Extra Condensed';
+  font-family: 'Bricolage Grotesque 96pt Condensed';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
-  src: url('/fonts/fira-sans-extra-condensed-700.woff2') format('woff2');
+  src: url('/fonts/BricolageGrotesque96ptCondensed-Bold.woff2') format('woff2');
 }
 
+/* JetBrains Mono is the best code font - FIGHT ME */
 @font-face {
   font-family: 'JetBrains Mono';
   font-style: normal;
@@ -98,8 +100,8 @@
 
 :root {
   /* fonts */
-  --font-family: 'Fira Sans', Helvetica;
-  --font-family-accent: 'Fira Sans Extra Condensed', Arial Narrow, sans-serif;
+  --font-family: 'Bricolage Grotesque', Helvetica;
+  --font-family-accent: 'Bricolage Grotesque 96pt Condensed', Arial Narrow, sans-serif;
   --font-family-monospace: 'JetBrains Mono', 'Fira Code', 'Source Code Pro',
     'IntelOne Mono', Inconsolata, Consolas, MonoLisa, Monoid, Menlo, Monaco,
     Andale Mono WT, Andale Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono,
@@ -377,7 +379,7 @@ h5,
 }
 
 strong {
-  font-weight: bold;
+  font-weight: 700;
 }
 
 hr {

diff --git a/public/fonts/BricolageGrotesque-Bold.woff2 b/public/fonts/BricolageGrotesque-Bold.woff2
diff --git a/public/fonts/BricolageGrotesque-Regular.woff2 b/public/fonts/BricolageGrotesque-Regular.woff2
diff --git a/public/fonts/BricolageGrotesque96ptCondensed-Bold.woff2 b/public/fonts/BricolageGrotesque96ptCondensed-Bold.woff2