From 50c0e7379340fa0451e826954c521df0a8373d4c Mon Sep 17 00:00:00 2001
From: SeaswimmerTheFsh <seaswimmerthefsh@gmail.com>
Date: Wed, 25 Oct 2023 12:53:49 -0400
Subject: [PATCH] added documentation on how to use the font snippet

---
 Snippets/ComicNeue.css       |  9 ---------
 Snippets/Fonts/ComicNeue.css | 12 ++++++++++++
 Snippets/Fonts/Example.css   | 14 ++++++++++++++
 3 files changed, 26 insertions(+), 9 deletions(-)
 delete mode 100644 Snippets/ComicNeue.css
 create mode 100644 Snippets/Fonts/ComicNeue.css
 create mode 100644 Snippets/Fonts/Example.css

diff --git a/Snippets/ComicNeue.css b/Snippets/ComicNeue.css
deleted file mode 100644
index 9ca38fa..0000000
--- a/Snippets/ComicNeue.css
+++ /dev/null
@@ -1,9 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap');
-
-:root {
-  /*
-    * Visit https://fonts.google.com and select one to your liking.
-    * Now just follow this tutorial: https://imgur.com/a/CNbw7xC
-    */
-  --font: "comic neue";
-}
diff --git a/Snippets/Fonts/ComicNeue.css b/Snippets/Fonts/ComicNeue.css
new file mode 100644
index 0000000..98dd068
--- /dev/null
+++ b/Snippets/Fonts/ComicNeue.css
@@ -0,0 +1,12 @@
+@import url('https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap');
+
+:root {
+  /*
+    1) Go to https://fonts.google.com/
+    2) Find a font you like, click on it
+    3) Replace "Comic+Neue" in the link in line 1 with the name from the url and "comic neue" in line 9 with the name from the ui
+    */
+  --font-primary: "comic neue";
+  --font-display: "comic neue";
+  --font-headline: "comic neue";
+}
diff --git a/Snippets/Fonts/Example.css b/Snippets/Fonts/Example.css
new file mode 100644
index 0000000..94a406f
--- /dev/null
+++ b/Snippets/Fonts/Example.css
@@ -0,0 +1,14 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
+
+:root {
+  /*
+    1) Go to https://fonts.google.com/
+    2) Find a font you like, click on it
+    3) Replace "Roboto" in the link in line 1 with the name from the url and "Roboto" in line 9 with the name from the ui
+    */
+  --font-primary: "Roboto";
+  /* above line changes the primary font only. You can also change the ones below (remove this line to activate the lines below)
+    --font-display: "Roboto";
+    --font-headline: "Roboto";
+    --font-code: "Roboto"; /* you should use a monospace font for this */
+}