https://aafonts.vercel.app/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    

4<script>
5      try {
6        if (localStorage.getItem("font-freely-dark") === "1") {
7          document.documentElement.classList.add("theme-dark");
8        }
9      } catch (_) {}
10    </script>

10
11    <meta charset="UTF-8" />
12    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
13    <title>Font Roam Prototype</title>
14    <link rel="preconnect" href="https://fonts.googleapis.com" />
15    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
16    <link
17      href="https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,400..700;1,400..700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Instrument+Serif:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,400..700;1,14..32,400..700&family=Lato:ital,wght@0,300;0,400;0,700;1,400&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
18      rel="stylesheet"
19    />
20    <link rel="stylesheet" href="./fonts.css?v=19" />
21    <link rel="stylesheet" href="./styles.css?v=38" />
22  </head>
23  <body>
24    <main class="app">
25      <div id="field" class="field" aria-label="Infinite font discovery field"></div>
26      <div class="vignette" aria-hidden="true"></div>
27      <div class="footer-bar">
28        <div class="footer-bar__cluster">
29          <p class="footer-hint-chip">Scroll, drag, or swipe to roam</p>
30          <p class="footer-credit">
31            Made by
32            <a href="https://joeypescatore.com" target="_blank" rel="noopener noreferrer">Joey Pescatore</a>
33          </p>
34        </div>
35      </div>
36    </main>
37    

37<script src="./main.js?v=74"></script>

37
38  </body>
39</html>