前端如何解决网页相同位数的数字无法对齐的问题？

如图所示，设置的右对齐数字

但是因为数字的不同，导致都是四位数，但左边并没有对齐

当然我知道是字体的问题，目前文字并未设置字体（因为是网页的原因也不好引入外部字体），是在mac上浏览的，所以应该默认是苹方

所以要如何解决这个问题呢？

我怕引入外部字体会不兼容

回答

需要用：等宽字体

你在数字外包一层code标签试试？<code>1234</code>

用等宽字型

div {
    font-family: mono}

或者是 <tt>1235</tt>