source up the gfonts, switch to barlow (as recommended by comms)

assets/style.css

@@ -1,6 +1,6 @@
 html {
-	font-family: 'Roboto', sans-serif;
-	font-size: 12pt;
+	font-family: 'Barlow', sans-serif;
+	font-size: 13pt;
 	line-height: 1.5;
 	color: #000;
 }
@@ -40,9 +40,9 @@ body {
 }
 
 h1, h2, h3, h4, h5, h6 {
-	font-family: 'Roboto Condensed', sans-serif;
-	color: #444;
-	border-bottom: 1pt solid #eee;
+	font-family: 'Barlow Condensed', sans-serif;
+	color: #555;
+	border-bottom: 1pt solid #e8e8e8;
 }
 
 h1 {
@@ -129,7 +129,7 @@ main {
 
 .topbar-text {
 	padding-bottom: 1rem;
-	font-family: 'Roboto Condensed', sans-serif;
+	font-family: 'Barlow Condensed', sans-serif;
 	font-weight: 300;
 	line-height: 1.2;
 	color: #777;
@@ -139,13 +139,13 @@ main {
 .header-title {
 	align-self: flex-end;
 	font-size: 300%;
-	margin-left: 1em;
+	margin-left: .6em;
 }
 
 .header-subtitle {
 	align-self: flex-end;
 	font-size: 120%;
-	max-width: 8em;
+	max-width: 7em;
 	margin-left: .5em;
 	padding-left: .5em;
 	margin-bottom: 0.3em;
@@ -224,7 +224,7 @@ main {
 	margin-left: 2rem;
 	max-width: 75%;
 
-	font: 'Roboto Condensed', sans-serif;
+	font: 'Barlow Condensed', sans-serif;
 	font-size: 80%;
 	color: #777;
 }

templates/head.html

@@ -7,8 +7,6 @@
     All cards {{#htag}} » {{tag}}{{/htag}}
   {{/htag}}
   </title>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto+Mono:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="{{root}}/style.css" />
+  <link rel="stylesheet" href="{{root}}/fonts.css" />
 </head>