diff options
-rw-r--r-- | blog/2024-04-05/variable-css-font-features.mdx | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/blog/2024-04-05/variable-css-font-features.mdx b/blog/2024-04-05/variable-css-font-features.mdx index 28708e8..01c83ef 100644 --- a/blog/2024-04-05/variable-css-font-features.mdx +++ b/blog/2024-04-05/variable-css-font-features.mdx | |||
@@ -26,7 +26,7 @@ As the first post on my blog, I decided to write something a bit more practical | |||
26 | 26 | ||
27 | I selected [Recursive] as the font family for this site, which is an open source font available under the <LicenseLink to="https://openfontlicense.org/">OFL-1.1</LicenseLink>. It is a [variable font](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide), which means it defines a number of 'variation axes' (parameters) to seamlessly change the shape of the letters. This saved me a lot of headache about selecting a matching font for headings or for code, since all is included in a single font family. | 27 | I selected [Recursive] as the font family for this site, which is an open source font available under the <LicenseLink to="https://openfontlicense.org/">OFL-1.1</LicenseLink>. It is a [variable font](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide), which means it defines a number of 'variation axes' (parameters) to seamlessly change the shape of the letters. This saved me a lot of headache about selecting a matching font for headings or for code, since all is included in a single font family. |
28 | 28 | ||
29 | [Recursive]: https://www.recurisve.design/ | 29 | [Recursive]: https://www.recursive.design/ |
30 | 30 | ||
31 | In this post, I'll explain how I set up and use the **variation axes** of the font in CSS, how I created a custom subset with OpenType **font features,** and how I made the font features **automatically switch on and off** based on the variation axes' settings. | 31 | In this post, I'll explain how I set up and use the **variation axes** of the font in CSS, how I created a custom subset with OpenType **font features,** and how I made the font features **automatically switch on and off** based on the variation axes' settings. |
32 | 32 | ||