mpercivalxyz

this website!
Log | Files | Refs

commit 96534b962d1cb65a29a8f7d23de45aeb4048d8ca
parent 9a25a73a47350572955eb39e293fed1a2b84f70d
Author: mpizzzle <m@michaelpercival.xyz>
Date:   Sun, 21 Aug 2022 13:12:49 +0100

updating font for code blocks

Diffstat:
Mcontent/thoughts/managing-custom-web-fonts.md | 9++++++++-
Mstatic/style.css | 4++++
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'),