AI正在生成摘要
文章介绍了使用CSS的`font-feature-settings`属性中的`"tnum"`值,使数字等宽显示,避免数字变化时的抖动问题,并以手机系统字体MiSans为例说明了某些字体可能不等宽的问题。
为数字设置font-feature-settings:"tnum",可以让数字等宽显示,从而避免数字变化时的抖动。
比如某些手机的系统字体竟然不等宽!!!别看了,说的就是你,MiSans!!!

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
body {
font-family: "MiSans Light"
}
.tnum {
font-feature-settings: "tnum"
}
</style>
</head>
<body>
<p>0000</p>
<p>1111</p>
<p class="tnum">0000</p>
<p class="tnum">1111</p>
</body>
</html>