The browser download and use the first font file supported so the order is important to ensure best performance.
Before is was ttf, woff, woff2 so the browser use the ttf version (62K)
After it's woff2, woff, ttf so it will take the woff2 version which is better (26K, 59% lighter 🚀 )
NB: it's a progressive enhancement, for oldest browsers that doesn't support woff2 nor woff, they will continue to use the ttf version as before
Checklist
[x] Make sure you are requesting to pull a topic/feature/bugfix branch. Please, don't request directly from your main!
Changes description
Reorder src of vitamix
@font-face
Context
The browser download and use the first font file supported so the order is important to ensure best performance. Before is was ttf, woff, woff2 so the browser use the ttf version (62K) After it's woff2, woff, ttf so it will take the woff2 version which is better (26K, 59% lighter 🚀 )
NB: it's a progressive enhancement, for oldest browsers that doesn't support woff2 nor woff, they will continue to use the ttf version as before
Checklist
design-system-core-team-design
GitHub team.Does this introduce a breaking change?
Other information