Import fonts from Google. Fix build warning

DercilioFontes · DercilioFontes · commit e508a449a05c · 2024-06-22T12:47:14.000-04:00
diff --git a/index.html b/index.html
@@ -3,21 +3,22 @@
   <head>
     <meta charset="utf-8" />
     <title>tic-tac-toe</title>
-
     <base href="/" />
-
     <meta name="color-scheme" content="light dark" />
     <meta
       name="viewport"
       content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
     />
     <meta name="format-detection" content="telephone=no" />
     <meta name="msapplication-tap-highlight" content="no" />
-
     <link rel="manifest" href="/manifest.json" />
-
     <link rel="shortcut icon" type="image/png" href="/favicon.png" />
 
+    <!-- add font -->
+    <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=Fuzzy+Bubbles:wght@400;700&display=swap" rel="stylesheet" />
+
     <!-- add to homescreen for ios -->
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-title" content="Ionic App" />
@@ -47,11 +48,6 @@
           transform: rotate(360deg);
         }
       }
-
-      @font-face {
-        font-family: 'Fuzzy Bubbles';
-        src: url('./assets/fonts/FuzzyBubbles-Regular.ttf');
-      }
     </style>
   </head>
   <body>
