atproto explorer pdsls.dev
atproto tool

swap font to Figtree

juli.ee c2f686d2 702842b3

verified
Changed files
+7 -3
public
src
styles
-2
index.html
···
<meta property="description" content="Browse the public data on atproto" />
<link rel="manifest" href="/manifest.json" />
<title>PDSls</title>
-
<link rel="preconnect" href="https://rsms.me/" />
-
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
<link rel="preconnect" href="https://fonts.bunny.net" />
<link href="https://fonts.bunny.net/css?family=roboto-mono:400" rel="stylesheet" />
<link href="https://fonts.cdnfonts.com/css/pecita" rel="stylesheet" />
public/fonts/Figtree[wght].woff2

This is a binary file and will not be displayed.

+7 -1
src/styles/index.css
···
@custom-variant dark (&:where(.dark, .dark *));
+
@font-face {
+
font-family: "Figtree";
+
src: url("/fonts/Figtree[wght].woff2") format("woff2");
+
font-display: swap;
+
}
+
@theme {
-
--font-sans: "Inter", sans-serif;
+
--font-sans: "Figtree", sans-serif;
--font-mono: "Roboto Mono", monospace;
--font-pecita: "Pecita", serif;