Allow custom fonts to be accessed via tailwind class (#291)

* move fonts and access

* move fonts to public folder

* Update Main.css

template/app/src/client/Main.css

@@ -21,7 +21,17 @@
   }
 }
 
-
+/* Here is an example of how to add a custom font. 
+* Fonts are stored in the public/fonts folder.
+* They are defined first here, then need to be referenced in the tailwind.config.js file
+* under `theme.extend.fontFamily`, and then can be used as a tailwind class, e.g. className='font-satoshi'.
+*/
+@font-face {
+  font-family: 'Satoshi';
+  src: url('/fonts/Satoshi-Regular.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+}
 
 /* third-party libraries CSS */
 

template/app/src/landing-page/components/Hero.tsx

@@ -58,5 +58,5 @@ export default function Hero() {
         </div>
       </div>
     </div>
-  )
+  );
 }