diff --git a/fwt/components/HTML/HTML.tsx b/fwt/components/HTML/HTML.tsx
index 36a2d13..2f2bfc8 100644
--- a/fwt/components/HTML/HTML.tsx
+++ b/fwt/components/HTML/HTML.tsx
@@ -22,15 +22,18 @@ export default (props: Props) => {
           <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
           <meta name="name" content={props.name} />
           <meta name="description" content={props.description} />
-          <meta property="og:title" content={props.name} />
+          <meta name="title" property="og:title" content={props.name} />
           <meta property="og:description" content={props.description} />
           <meta property="og:type" content="website" />
           <link rel="icon" type="image/svg+xml" href="/favicon.png" />
-          <link rel="preconnect" href="https://cdn.jsdelivr.net" />
+          <Show when={props.font}>
+            <link rel="preconnect" href="https://cdn.jsdelivr.net" />
+          </Show>
           <Show when={props.preloadBackground}>
             <link rel="preload" href={background1.src} as="image" type="image/svg+xml" />
             <link rel="preload" href={background2.src} as="image" type="image/svg+xml" />
           </Show>
+
           <title>{props.title}</title>
         </head>