diff --git a/docSite/layouts/partials/docs/footer/footer-scripts.html b/docSite/layouts/partials/docs/footer/footer-scripts.html
index 7ad746e9c..eba00a395 100644
--- a/docSite/layouts/partials/docs/footer/footer-scripts.html
+++ b/docSite/layouts/partials/docs/footer/footer-scripts.html
@@ -63,7 +63,7 @@
 
 <!-- change -->
 <script
-  src="https://cdn.jsdelivr.us/npm/medium-zoom/dist/medium-zoom.min.js"
+  src="https://jsdelivr.icloudnative.io/npm/medium-zoom/dist/medium-zoom.min.js"
   crossorigin="anonymous"
   referrerpolicy="no-referrer"
 ></script>
diff --git a/docSite/layouts/partials/google-fonts.html b/docSite/layouts/partials/google-fonts.html
new file mode 100644
index 000000000..5ba511e1d
--- /dev/null
+++ b/docSite/layouts/partials/google-fonts.html
@@ -0,0 +1,14 @@
+{{ if .Site.Params.google_fonts }}
+    {{ $fonts := slice }}
+    {{ range .Site.Params.google_fonts }}
+        {{ $family := replace (index (.)  0) " " "+" }}
+        {{ $weights := replace (index (.) 1) " " "" }}
+        {{ $string := print $family ":" $weights }}
+        {{ $fonts = $fonts | append $string }}
+    {{ end }}
+    {{ $url_part := (delimit $fonts "|") | safeHTMLAttr }}
+    <link rel="preconnect" href="https://gstatic.loli.net/" />
+    <link rel="preconnect" href="https://gstatic.loli.net/" crossorigin />
+    <link {{ printf "href=\"https://fonts.loli.net/css?family=%s%s\"" $url_part "&display=block" | safeHTMLAttr }} rel="stylesheet">
+{{ else}}
+{{ end }}
\ No newline at end of file