不要搞混了,不是text而是CSS font-size-adjust属性

💡 原文中文,约4100字,阅读约需10分钟。
📝

内容提要

本文介绍了CSS的新属性font-size-adjust,旨在解决不同字体字形大小不一致的问题。通过调整字体纵横比,使不同字体在视觉上更统一。该属性支持多种语法,适用于英文和中文场景,尽管中文支持有限。现代浏览器已支持font-size-adjust,未来有望广泛应用。

🎯

关键要点

  • 介绍了CSS的新属性font-size-adjust,旨在解决不同字体字形大小不一致的问题。
  • font-size-adjust通过调整字体纵横比,使不同字体在视觉上更统一。
  • 该属性支持多种语法,适用于英文和中文场景,中文支持有限。
  • 现代浏览器已支持font-size-adjust,未来有望广泛应用。
  • 不同字体下的字形大小问题会导致布局问题,font-size-adjust可以进行微调。
  • font-size-adjust的值可以根据小写字母x的高度占比进行设置。
  • 该属性支持多种字体度量类型,包括ex-height、cap-height、ch-width等。
  • font-size-adjust属性不会影响em等相对单位的计算。
  • 该属性的应用场景包括在不改变font-size的前提下调整文字尺寸。
  • font-size-adjust与text-size-adjust和size-adjust属性有区别,后者使用场景较少。
  • 目前所有现代浏览器都支持font-size-adjust,未来大规模应用还需时间。
➡️

继续阅读