commit 96534b962d1cb65a29a8f7d23de45aeb4048d8ca
parent 9a25a73a47350572955eb39e293fed1a2b84f70d
Author: mpizzzle <m@michaelpercival.xyz>
Date: Sun, 21 Aug 2022 13:12:49 +0100
updating font for code blocks
Diffstat:
2 files changed, 12 insertions(+), 1 deletion(-)
diff --git a/content/thoughts/managing-custom-web-fonts.md b/content/thoughts/managing-custom-web-fonts.md
@@ -4,7 +4,14 @@ date: 2022-08-20T09:30:50+01:00
draft: false
---
-The font you are looking at is called [BQN386](https://github.com/dzaima/BQN386.git), a derivative of the font [APL385](http://www.apl385.com/fonts/) patched with custom glyphs for the wonderful and esoteric programming language [BQN](https://mlochbaum.github.io/BQN/).
+The font you are looking at is called [BQN386](https://github.com/dzaima/BQN386.git), a derivative of the font [APL385](http://www.apl385.com/fonts/) patched with custom glyphs for the wonderfully esoteric programming language [BQN](https://mlochbaum.github.io/BQN/).
+Just look at these saucy darlings:
+
+{{< highlight APL "linenos=true, style=dracula" >}}
++-×÷⋆√⌊⌈∧∨¬|=≠≤<>≥≡≢⊣⊢⥊∾≍⋈↑↓↕⌽⍉/⍋⍒⊏⊑⊐⊒∊⍷⊔
+`˜˘¨⁼⌜´˝˙ ∘⊸⟜○⌾⎉⚇⍟⊘◶⎊
+π‿∞‿@↩←⇐→,⋄ 𝕨𝕩𝔽𝔾𝕎𝕏𝕗𝕘𝕊𝕤ℝ𝕣⦃⦄⟨⟩
+{{< /highlight >}}
Specifying custom fonts for a website is fairly straight forward, but it's easy to make a mistake that can be difficult to debug.
If you are in such a situation, I'd recommend using the [Font Squirrel Webfont Generator](https://www.fontsquirrel.com/tools/webfont-generator) to help cut through the nonsense.
diff --git a/static/style.css b/static/style.css
@@ -5,6 +5,10 @@ body {
font-family: 'BQN386';
}
+code {
+ font-family: 'BQN386';
+}
+
@font-face {
font-family: 'BQN386';
src: url(/BQN386/BQN386.woff2) format('woff2'),