liang14658fox

Appearance

当我们在做倒计时或者从0开始增加到某一个数值的动画效果时，由于不同数字的宽度不同，在动画执行期间会发生文字不停的左右摆动的现象。

将数字字符的宽度统一 ​

  1. 将字体设为等宽
css
{
    font-family: 'Helvetica Neue';
}
{
    font-family: 'Helvetica Neue';
}
  1. font-feature-settings 属性

font-feature-settings 属性可取的值： https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric

css
{
     font-feature-settings:'tnum';
}
{
     font-feature-settings:'tnum';
}