test: code highlight with new font

This commit is contained in:
TaurusXin 2023-10-19 10:43:21 +08:00
parent d235415c6f
commit aede7923d7
2 changed files with 23 additions and 0 deletions

View File

@ -74,3 +74,10 @@
}
}
}
/**
* Global font family
*/
:root {
--code-font-family: "Jetbrains Mono", Menlo, Monaco, Consolas, "Courier New", var(--zh-font-family), monospace;
}

View File

@ -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>