From aede7923d709e30e18b9eb143fb1088ac27e0c38 Mon Sep 17 00:00:00 2001
From: taurusxin <i@taurusxin.com>
Date: Thu, 19 Oct 2023 10:43:21 +0800
Subject: [PATCH] test: code highlight with new font

---
 assets/scss/custom.scss           |  7 +++++++
 layouts/partials/head/custom.html | 16 ++++++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index 87593a5..cfc5e7b 100644
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -74,3 +74,10 @@
       }
   }
 }
+
+/**
+*   Global font family
+*/
+:root {
+  --code-font-family: "Jetbrains Mono", Menlo, Monaco, Consolas, "Courier New", var(--zh-font-family), monospace;
+}
\ No newline at end of file
diff --git a/layouts/partials/head/custom.html b/layouts/partials/head/custom.html
index 4d79e09..a2b6104 100644
--- a/layouts/partials/head/custom.html
+++ b/layouts/partials/head/custom.html
@@ -12,6 +12,22 @@
 <!-- Cookie consent script -->
 <script src="https://cdn.jsdelivr.net/gh/sprucejoy/cookie-consent-autoblock-gdpr/cookie-consent.js" crossorigin="anonymous"></script>
 
+<!-- highlight.js -->
+<link href="https://cdn.jsdelivr.net/npm/highlight.js@9.12.0/styles/atom-one-dark.min.css" rel="stylesheet">
+<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.12.0/build/highlight.min.js"></script>
+<script>hljs.initHighlightingOnLoad()</script>
+
+<style>
+  @font-face{
+    font-family: 'JetBrains Mono';
+    src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2') format('woff2'),
+      url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff') format('woff'),
+      url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/ttf/JetBrainsMono-Regular.ttf') format('truetype');
+    font-weight: 400;
+    font-style: normal;
+  }
+</style>
+
 <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-KN4M42XST7"></script>
 <script>