added documentation on how to use the font snippet

Snippets/ComicNeue.css

@@ -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";
-}

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";
+}

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 */
+}