Self host fonts

No accidental tracking for readers.

app/assets/css/app.css

@@ -100,6 +100,36 @@
 /* Make LiveView wrapper divs transparent for layout */
 [data-phx-session], [data-phx-teleported-src] { display: contents }
 
+/* Self-hosted fonts — no external requests */
+@font-face {
+  font-family: 'Fraunces';
+  font-style: normal;
+  font-weight: 300 900;
+  font-display: swap;
+  src: url(/fonts/fraunces.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Fraunces';
+  font-style: italic;
+  font-weight: 300 900;
+  font-display: swap;
+  src: url(/fonts/fraunces-italic.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: normal;
+  font-weight: 300 900;
+  font-display: swap;
+  src: url(/fonts/sourcesans3.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: italic;
+  font-weight: 300 900;
+  font-display: swap;
+  src: url(/fonts/sourcesans3-italic.woff2) format('woff2');
+}
+
 /* Typography */
 .font-display { font-family: 'Fraunces', serif; }
 body { font-family: 'Source Sans 3', sans-serif; }

app/lib/firehose_web/components/layouts/root.html.heex

@@ -9,9 +9,6 @@
     <.live_title default="Firehose" suffix=" — Willem van den Ende">
       {assigns[:page_title]}
     </.live_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=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Source+Sans+3:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet" />
     <link phx-track-static rel="stylesheet" href={~p"/assets/css/app.css"} />
     <script defer phx-track-static type="text/javascript" src={~p"/assets/js/app.js"}>
     </script>