不在同一行上的數字

Question

我在頂部添加了一個接觸欄，但由於某些原因，這些數字不在同一行。

http://puu.sh/kY9xG/6aed0786fc.png

CSS

.top_bar .tob_bar_right_col p { 
    font-size: 12px; 
    padding: 14px 0; 
    margin: 0; 
    line-height: 17px; 
    font-weight: 600; 
} 

Answer 1

這是因爲您使用的字體。

有些字體使用將數字（text figures），與上行字母和下行的老辦法。放置數字（襯裏數字）的新方式將它們視爲與大寫字母類似。

爲了獲得配售，你需要使用這種形式，例如Arial字體的字體數字的新途徑。

Answer 2

這是因爲font-family你正在使用的。其中一些會使數字看起來很奇怪。只要改變你對該文本的font-family，它應該工作。

例子：

.top_bar .tob_bar_right_col p { 
    font-family: "Arial", sans-serif; 
} 

Answer 3

這是正確的only.It的到來，由於您使用的默認字體。更改字體類型像下面

.top_bar .tob_bar_right_col p { 
    font-family: "Times New Roman"; 
    font-size: 12px; 
    padding: 14px 0; 
    margin: 0; 
    line-height: 17px; 
    font-weight: 600; 
} 

Answer 4

看起來這是一個自定義的字體，這似乎比其他字體不同。

你可以檢查它，例如通過在Gimp或Photoshop中使用相同的字體輸入相同的文本。它應該輸出相同的結果。

確認，您正在使用所需font-family。