diff --git a/content/posts/using-custom-font-hugo/index.md b/content/posts/using-custom-font-hugo/index.md new file mode 100644 index 0000000..b73518a --- /dev/null +++ b/content/posts/using-custom-font-hugo/index.md @@ -0,0 +1,26 @@ +--- +title: "Using a Custom Font in Hugo" +date: 2024-04-23 +# lastmod: 2024-04-23 +draft: true +description: "This is a new post about..." +featured: false +toc: true +comments: true +categories: Tips # Backstage, ChromeOS, Code, Self-Hosting, VMware +tags: + - cloudflare + - hugo + - meta + - tailscale +--- +Last week, I came across and immediately fell in love with a delightfully-retro monospace font called [Berkeley Mono](https://berkeleygraphics.com/typefaces/berkeley-mono/). I promptly purchased a "personal developer" license and set to work [applying the font in my IDE and terminal](https://scribbles.jbowdre.lol/post/trying-tabby-terminal). I didn't want to stop there, though; the license also permits me to use the font on my personal site, and Berkeley Mono will fit in beautifully with the whole runtimeterror aesthetic. + +Long story short, you're looking at a slick new font here. Long story long: I'm about to tell you how I added the font both to the site and to the [dynamically-generated OpenGraph share images](/dynamic-opengraph-images-with-hugo/) setup. It wasn't terribly hard to implement, but the Hugo documentation is a bit light on how to do it (and I'm kind of inept at this whole web development thing). + +### Web Font +Rather than simply store the `.woff`/`.woff2` font files directly + + +### OpenGraph Image Filter Text +/gemini-capsule-gempost-github-actions/#publish-github-actions:~:text=name%3A%20Connect%20to%20Tailscale \ No newline at end of file