fix: fonts and broken cdn

layouts/partials/head.html

@@ -7,8 +7,11 @@
   <meta name="robots" content="all,follow">
   <meta name="googlebot" content="index,follow,snippet,archive">
   <meta name="google-site-verification" content="OQ_9U47lnsbNF2bY2B6jTk8Ea7wqE_fu7ou8CAMe388" />
+  <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=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Noto+Sans+TC:wght@100..900&display=swap" rel="stylesheet">
   <script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
-  <script src="https://twemoji.maxcdn.com/v/latest/twemoji.min.js" crossorigin="anonymous"></script>
+  <script src="https://unpkg.com/twemoji@latest/dist/twemoji.min.js" crossorigin="anonymous"></script>
   <script>
     window.onload = function() {    
         // Parses the document body and    

static/css/prism.css

@@ -5,7 +5,7 @@ code[class*=language-],
 pre[class*=language-] {
     color: #ccc;
     background: 0 0;
-    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+    font-family: 'Consolas', Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
     font-size: 1em;
     text-align: left;
     white-space: pre;

static/css/style-dark.css

@@ -1543,10 +1543,10 @@ pre code {
 
 code {
   padding: 0 5px;
-  border: 1px dotted #666;
-  border-radius: 2px;
-  -webkit-border-radius: 2px;
-  /* font-family: "Consolas"; */
+  border: 3px dotted #666;
+  border-radius: 7px;
+  -webkit-border-radius: 7px;
+  font-family: "JetBrains Mono";
 }
 
 .highlight {
@@ -1563,7 +1563,6 @@ code {
   margin: -5px 0 5px;
   color: #666;
   font-size: 0.9em;
-  zoom: 1;
 }
 
 .highlight figcaption a {