mpercivalxyz

commit 68da14908c43a597242e2332f78fbbb002c2ae90
parent 96534b962d1cb65a29a8f7d23de45aeb4048d8ca
Author: mpizzzle <m@michaelpercival.xyz>
Date:   Sun, 21 Aug 2022 18:19:14 +0100

minor refactoring

Diffstat:
M
content/thoughts/managing-custom-web-fonts.md
 | 
8
++++----

1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/content/thoughts/managing-custom-web-fonts.md b/content/thoughts/managing-custom-web-fonts.md
@@ -13,7 +13,7 @@ Just look at these saucy darlings:
 π‿∞‿@↩←⇐→,⋄  𝕨𝕩𝔽𝔾𝕎𝕏𝕗𝕘𝕊𝕤ℝ𝕣⦃⦄⟨⟩
 {{< /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.
+Specifying custom fonts for a website is fairly straight forward, but it's easy to make mistakes and 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.
 
 This generator does a few nice things; first, it will provide you with compressed [woff/ woff2](https://en.wikipedia.org/wiki/Web_Open_Font_Format) formats of your font that are compatible with most modern browsers, and more importantly it generates a reference html page demonstrating exactly how to load your custom font through the css [@font-face](https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face) at-rule, e.g.
@@ -21,9 +21,9 @@ This generator does a few nice things; first, it will provide you with compresse
 {{< highlight CSS "linenos=true, style=dracula" >}}
 @font-face {
     font-family: 'BQN386';
-    src: url('BQN386/BQN386.woff2') format('woff2'),
-         url('BQN386/BQN386.woff') format('woff'),
-         url('BQN386/BQN386.ttf') format('truetype');
+    src: url('BQN386.woff2') format('woff2'),
+         url('BQN386.woff') format('woff'),
+         url('BQN386.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
 }