Closed michaeltaranto closed 1 year ago
Latest commit: 14d3086a214b61621b01cb30c24bef05a93883a2
The changes in this PR will be included in the next version bump.
Not sure what this means? Click here to learn what changesets are.
Click here if you're a maintainer who wants to add another changeset to this PR
Really hyped about this one, can we help in any way? I'd like to try and test this
Really hyped about this one, can we help in any way? I'd like to try and test this
Apologies for the festive season delays on this one 😄. Hoping to get it through soon. The full benefit will be had in tandem with the update to the metrics
package which will be PR'd shortly.
FWIW, there is a snapshot deployment of this PR you can take for a spin:
npm install @capsizecss/core@0.0.0-create-font-stack-20221130045640
To test out the fallbacks with the size-adjust
property you can install the updated metrics package too:
npm install @capsizecss/metrics@0.0.0-x-width-avg-20230123213508
Creates metrics-based
@font-face
declarations to improve the alignment of font family fallbacks, which can dramatically improve the Cumulative Layout Shift metric for sites that depend on a web font.Example usage
The returned values are the computed font family and the generated font face declarations: