diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 9204ac7d7..73f148ae3 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -144,7 +144,7 @@ jobs:
           name: dist-ubuntu-latest-18
           path: dist.zip
       - name: unzip artifact
-        run: unzip ./dist.zip
+        run: unzip dist.zip
       - name: Deploy to S3
         run: npm run deploy:s3
         env:
diff --git a/src/components/ThemeSwitch/index.astro b/src/components/ThemeSwitch/index.astro
index 825480dc7..b6c048533 100644
--- a/src/components/ThemeSwitch/index.astro
+++ b/src/components/ThemeSwitch/index.astro
@@ -20,4 +20,4 @@ import styles from './index.module.css'
 </div>
 
 <!-- ./theme.cjs is symlinked to public/theme.js before build -->
-<script is:inline src="/theme.js"></script>
+<script is:inline src="/theme.js" defer></script>
diff --git a/src/components/layouts/Base/Head.astro b/src/components/layouts/Base/Head.astro
index e7c3ab581..33376b9ad 100644
--- a/src/components/layouts/Base/Head.astro
+++ b/src/components/layouts/Base/Head.astro
@@ -105,7 +105,11 @@ const faviconSvg = await getImage({ src: faviconSvgSrc, format: 'svg' })
   {
     typekitID && (
       <>
-        <link rel="preconnect" href="https://use.typekit.net" />
+        <link
+          rel="preload"
+          as="style"
+          href={`https://use.typekit.net/${typekitID}.css`}
+        />
         <link rel="preconnect" href="https://p.typekit.net" />
         <link
           rel="stylesheet"