createFontStack: Ensure provided `size-adjust` is factored into overrides

seek-oss / capsize

Flipping how we define typography in CSS.

MIT License

1.48k stars 37 forks source link

Ensures a custom size-adjust value provided via the fontFaceProperties option is factored into the calculations for the metric overrides.

Example

If a custom size-adjust value is provided:

createFontStack(
  [ merriweatherSans, arial ],
  {
    fontFaceProperties: {
      sizeAdjust: '300%'
    }
  },
)

The resulting metric overrides are now adjusted accordingly:

 @font-face {
   font-family: "Merriweather Sans Fallback";
   src: local('Arial');
-  ascent-override: 92.3409%;
+  ascent-override: 32.8%;
-  descent-override: 25.619%;
+  descent-override: 9.1%;
   line-gap-override: 0%;
   size-adjust: 300%;
 }

seek-oss / capsize

createFontStack: Ensure provided `size-adjust` is factored into overrides #199

Example

🦋 Changeset detected