不要搞混了,不是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,未来大规模应用还需时间。
🏷️
标签
➡️