<- back

Size-adjust

The size-adjust CSS descriptor for the @font-face at-rule defines a multiplier for glyph outlines and metrics associated with this font. This makes it easier to harmonize the designs of various fonts when rendered at the same font size.
The size-adjust descriptor behaves in a similar fashion to the font-size-adjust property. It calculates an adjustment per font by matching ex heights.

Simple description

@font-face {
  font-family: "local-font";
  src: local('Local Font');
  size-adjust: 125%;
}

Preview settings

Size-adjust: 100%


Text

Preview

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tellus ligula, lacinia sed velit eu, sodales rutrum enim. Duis ultricies commodo risus, eu dictum ipsum faucibus id. In ut pulvinar lorem, vel mattis risus. Quisque in malesuada orci. Nulla viverra sed elit non vulputate. Integer placerat magna in nulla vulputate, vel eleifend sem sollicitudin. In sit amet arcu tristique, fermentum sapien nec, aliquet risus. In hac habitasse platea dictumst. Etiam non sollicitudin metus. Praesent et turpis ex. Integer eget dolor risus. Donec placerat turpis eu turpis tempus, a maximus turpis suscipit. Sed sagittis malesuada hendrerit. Nullam consectetur a est a faucibus. Vivamus hendrerit pellentesque quam. Aliquam erat volutpat. Praesent ut tortor a nibh rhoncus vulputate a nec nibh. Nullam ut feugiat magna.
w: 0
h: 0
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tellus ligula, lacinia sed velit eu, sodales rutrum enim. Duis ultricies commodo risus, eu dictum ipsum faucibus id. In ut pulvinar lorem, vel mattis risus. Quisque in malesuada orci. Nulla viverra sed elit non vulputate. Integer placerat magna in nulla vulputate, vel eleifend sem sollicitudin. In sit amet arcu tristique, fermentum sapien nec, aliquet risus. In hac habitasse platea dictumst. Etiam non sollicitudin metus. Praesent et turpis ex. Integer eget dolor risus. Donec placerat turpis eu turpis tempus, a maximus turpis suscipit. Sed sagittis malesuada hendrerit. Nullam consectetur a est a faucibus. Vivamus hendrerit pellentesque quam. Aliquam erat volutpat. Praesent ut tortor a nibh rhoncus vulputate a nec nibh. Nullam ut feugiat magna.
w: 0
h: 0