如何更改字体家族唯一的号码

Question

整个我的网站上有很多地方使用数字。因为我的字体对数字不好。我想将它们的字体更改为我想要的。

现在有类似的问题，但我没有找到一个好的答案来做到这一点。 一些答案建议使用jquery/javascript函数。但我认为使用jquery/javascript函数会让我的网页变得懒惰。

有没有更好的解决方案？

Answer 1

您可以为页面上每次出现的数字添加一个类，只需更改该类的font-family即可。

HTML

<p> .... <span class="number">42</span> ... </p> 

CSS

.number{ 
    font-family: 'myFont'; 
} 

Answer 2

您可以使用类所有你的电话号码设置这样的：

//css 
.number{ font-family: 'your-font-name', fallback-font; } 

//html 
<p>something <span class='number'>877866</span> goes here</p> 

Answer 3

在CSS

：

input[type="number"] { 
    font-family: 'customFont'; 
} 

在HTML：

<input type="number" name="number">