フォントファミリーのみの番号を変更するには

Question

私のウェブサイト全体には、数字を使用する場所がたくさんあります。私のフォントは数字にうまくいかないので、フォントを私が望むものに変更したいと思います。

これまで同様の質問がありましたが、これを行うには良い答えが見つかりません。 いくつかの答えは、jquery/javascript関数を使用することを示唆しています。私はjquery/javascript関数を使って私のウェブページを怠け者にすると思います。

もっと良い解決策はありますか？

Answer 1

あなたのページの数字が出現するたびにクラスを追加し、そのクラスのfont-familyを変更するだけで済みます。

HTML

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

あなたはこのように設定されたすべてのあなたの数のクラスを使用することができます

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

Answer 2

CSS：CSSで

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

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

Answer 3

：

HTMLで

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

：

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