Fix font imports / tw styles for squint demo

nextjournal · Feb 8, 2024 · 34042c3 · 34042c3
1 parent 5d88847
commit 34042c3
Show file tree

Hide file tree

Showing 3 changed files with 415 additions and 13 deletions.
diff --git a/public/index.html b/public/index.html
@@ -5,13 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Clojure/Script mode for CodeMirror 6</title>
 
+    <link rel="preconnect" href="https://fonts.bunny.net" crossorigin>
     <!-- inter fonts -->
-    <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=Inter:wght@500&display=swap" rel="stylesheet">
-
+    <link href="https://fonts.bunny.net/css?family=inter:400,500" rel="stylesheet" />
     <!-- fira fonts -->
-    <link rel="preconnect" href="https://fonts.bunny.net" crossorigin>
     <link href="https://fonts.bunny.net/css?family=fira-mono:400,700%7Cfira-sans:400,400i,500,500i,700,700i%7Cfira-sans-condensed:700,700i%7Cpt-serif:400,400i,700,700i" rel="stylesheet">
 
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" rel="stylesheet">
@@ -20,6 +17,20 @@
     <link href="https://cdn.nextjournal.com/data/QmZZpjcdZDa8WT27QpcepDfqwuGik6Y3Ueyxaxs1Gqpk9w?filename=nextjournal-c81d440c5a7312046bbc5a2c3f2c5567d9ea9131.css&content-type=text/css" rel="stylesheet">
 
     <script src="https://cdn.tailwindcss.com?plugins=typography"></script>
+    <script>
+    tailwind.config = {
+      darkMode: "class",
+      theme: {
+        extend: {},
+        fontFamily: {
+          sans: ["Fira Sans", "-apple-system", "BlinkMacSystemFont", "sans-serif"],
+          serif: ["PT Serif", "serif"],
+          mono: ["Fira Mono", "monospace"]
+        }
+      }
+    }
+    </script>
+
     <style type="text/tailwindcss" id="viewer-stylesheet"></style>
     <!-- filled with tailwind styles from js -->
 

diff --git a/public/livedoc/index.html b/public/livedoc/index.html
@@ -5,16 +5,32 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>LiveDoc</title>
 
+    <link rel="preconnect" href="https://fonts.bunny.net" crossorigin>
     <!-- inter fonts -->
-    <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=Inter:wght@500&display=swap" rel="stylesheet">
+    <link href="https://fonts.bunny.net/css?family=inter:400,500" rel="stylesheet" />
+    <!-- fira fonts -->
+    <link href="https://fonts.bunny.net/css?family=fira-mono:400,700%7Cfira-sans:400,400i,500,500i,700,700i%7Cfira-sans-condensed:700,700i%7Cpt-serif:400,400i,700,700i" rel="stylesheet">
+
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" rel="stylesheet">
 
     <link href="https://cdn.nextjournal.com/data/QmSaHZCU6U2DeNohfW2PuXDHkayw7w21uvUWL5oEqVWKwH?filename=viewer-1c61aac61ffa4da89b828d538c5e4eff188e7b56.css&content-type=text/css" rel="stylesheet">
     <link href="https://cdn.nextjournal.com/data/QmZZpjcdZDa8WT27QpcepDfqwuGik6Y3Ueyxaxs1Gqpk9w?filename=nextjournal-c81d440c5a7312046bbc5a2c3f2c5567d9ea9131.css&content-type=text/css" rel="stylesheet">
 
     <script src="https://cdn.tailwindcss.com?plugins=typography"></script>
+    <script>
+    tailwind.config = {
+      darkMode: "class",
+      theme: {
+        extend: {},
+        fontFamily: {
+          sans: ["Fira Sans", "-apple-system", "BlinkMacSystemFont", "sans-serif"],
+          serif: ["PT Serif", "serif"],
+          mono: ["Fira Mono", "monospace"]
+        }
+      }
+    }
+    </script>
+
     <style type="text/tailwindcss" id="viewer-stylesheet"></style>
     <!-- filled with tailwind styles from js -->