![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`).
![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/154808828-3310b815-9b64-4ec5-ba38-9e3c5ce410b5.png)
javascript - Breaking through the limitations, the charm of CSS font- variation variable fonts - iCSS - SegmentFault 思否
Use `font-variation-settings` alongside `font-weight` to support variable fonts · Issue #33057 · mui/material-ui · GitHub
![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)