![Stefan Judis on X: "Usually, I'm using system fonts to avoid the performance hit/reflows, but today I learned about a variable font axis that I'd love to use everywhere — grade (`GRAD`). Stefan Judis on X: "Usually, I'm using system fonts to avoid the performance hit/reflows, but today I learned about a variable font axis that I'd love to use everywhere — grade (`GRAD`).](https://pbs.twimg.com/ext_tw_video_thumb/1645160547179024384/pu/img/9InhW7mV0r9rxTrO.jpg:large)
Stefan Judis on X: "Usually, I'm using system fonts to avoid the performance hit/reflows, but today I learned about a variable font axis that I'd love to use everywhere — grade (`GRAD`).
Use `font-variation-settings` alongside `font-weight` to support variable fonts · Issue #33057 · mui/material-ui · GitHub
![Variable Font】CSS : font-variation-settings - font-variation-settingsプロパティを使った文字の可変アニメーション - YouTube Variable Font】CSS : font-variation-settings - font-variation-settingsプロパティを使った文字の可変アニメーション - YouTube](https://i.ytimg.com/vi/GleHE-1Erss/mqdefault.jpg)
Variable Font】CSS : font-variation-settings - font-variation-settingsプロパティを使った文字の可変アニメーション - YouTube
![javascript - Breaking through the limitations, the charm of CSS font- variation variable fonts - iCSS - SegmentFault 思否 javascript - Breaking through the limitations, the charm of CSS font- variation variable fonts - iCSS - SegmentFault 思否](https://user-images.githubusercontent.com/8554143/154831476-58186a6a-ff1c-45f5-900e-8b27894aebdb.gif)
javascript - Breaking through the limitations, the charm of CSS font- variation variable fonts - iCSS - SegmentFault 思否
![1.8 Beta Feedback - Keep "font-variation-settings" field visible at all time - Feature Requests / Improvements - Bricks Community Forum 1.8 Beta Feedback - Keep "font-variation-settings" field visible at all time - Feature Requests / Improvements - Bricks Community Forum](https://forum.bricksbuilder.io/uploads/default/original/2X/5/54163dfa66107a200254b077f165f93d360c5b1d.jpeg)
1.8 Beta Feedback - Keep "font-variation-settings" field visible at all time - Feature Requests / Improvements - Bricks Community Forum
![1.8 Beta Feedback - Keep "font-variation-settings" field visible at all time - Feature Requests / Improvements - Bricks Community Forum 1.8 Beta Feedback - Keep "font-variation-settings" field visible at all time - Feature Requests / Improvements - Bricks Community Forum](https://forum.bricksbuilder.io/uploads/default/original/2X/2/262e262686efbd54c51946c8c1429784a35b211b.png)
1.8 Beta Feedback - Keep "font-variation-settings" field visible at all time - Feature Requests / Improvements - Bricks Community Forum
![Im using a variable font to smoothly adjust the text on my website. However, when im dropping font-weight from 640 ( font-variation-settings: 'wght' 640;) to 240 let's say (font-variation-settings: 'wght' 240) text Im using a variable font to smoothly adjust the text on my website. However, when im dropping font-weight from 640 ( font-variation-settings: 'wght' 640;) to 240 let's say (font-variation-settings: 'wght' 240) text](https://i.redd.it/yzq6z5vfd1z91.gif)