update the fonts urls

styles.html

@@ -1,16 +1,17 @@
+<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=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
+<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=Permanent+Marker&display=swap" rel="stylesheet">
 <style>
     @font-face {
         font-family: PermanentMarker;
-        src: url(static/PermanentMarker-Regular.ttf);
-    }
-
-    @font-face {
-        font-family: "Open Sans";
-        src: url(static/OpenSans-Regular.ttf);
+        src: url(PermanentMarker-Regular.ttf);
     }
 
     .title {
-        font-family: "Montserrat", sans-serif;
+        font-family: "Permanent Marker", sans-serif;
         color: #000000;
         font-size: 28px;
         margin: 10px 0px 8px 0px;