defer copy css

themes/fesite/assets/scss/main.scss

@@ -1,5 +1,3 @@
-@import url("https://rsms.me/inter/inter.css");
-
 @import "__var.scss";
 @import "layout.scss";
 @import "home.scss";

themes/fesite/layouts/partials/head.html

@@ -4,22 +4,15 @@
   {{ $title := print .Site.Title " | " .Title }} {{ if .IsHome }}{{ $title =
   .Site.Title }}{{ end }}
   <title>{{ $title }}</title>
-  <link
-    rel="preload"
-    href="/fonts/IosevkaAile/woff2/iosevka-aile-bold.woff2"
-    as="font"
-    type="font/woff2"
-    crossorigin
-  />
-  <link
-    rel="preload"
-    href="https://rsms.me/inter/font-files/Inter-Regular.woff2?v=3.19"
-    as="font"
-    type="font/woff2"
-    crossorigin
-  />
+  <link rel="preload" href="/fonts/IosevkaAile/woff2/iosevka-aile-bold.woff2" as="font" type="font/woff2" crossorigin />
+  <link rel="preload" href="https://rsms.me/inter/font-files/Inter-Regular.woff2?v=3.19" as="font" type="font/woff2"
+    crossorigin />
   {{ $normalize := resources.Get "css/normalize.css"| minify}}
   <link rel="stylesheet" href="{{ $normalize.RelPermalink }}" />
+  <link rel="preload" href="https://rsms.me/inter/inter.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
+  <noscript>
+    <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
+  </noscript>
   {{ $style := resources.Get "scss/main.scss" | resources.ToCSS (dict
   "targetPath" "css/main.css" "enableSourceMap" true ) | minify |
   resources.Fingerprint }}
@@ -28,8 +21,6 @@
   {{ range .AlternativeOutputFormats -}} {{ printf `
   <link rel="%s" type="%s" href="%s" title="%s" />
   ` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }} {{ end -}}
-  <meta
-    name="description"
-    content="{{ if .Params.description }}{{ .Params.description }}{{ else if .Site.Params.description }}{{ .Site.Params.description }}{{ end }}"
-  />
+  <meta name="description"
+    content="{{ if .Params.description }}{{ .Params.description }}{{ else if .Site.Params.description }}{{ .Site.Params.description }}{{ end }}" />
 </head>