如何更改字體家族唯一的號碼

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">