数字不在同一条线上

时间:2015-10-26 11:26:40

标签: css

我在顶部添加了一个联系栏,但出于某种原因,这些数字并不在同一条线上。

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;
}

4 个答案:

答案 0 :(得分:3)

这是正确的。由于您使用的默认字体,它即将到来。更改下面的字体类型

.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;
}

答案 1 :(得分:2)

那是因为您使用的是font-family。其中一些会使数字看起来很奇怪。只需更改该文本的font-family即可,它应该有效。

示例:

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

答案 2 :(得分:2)

这是因为您使用的字体。

某些字体使用旧的方式放置数字(text figures),上升和下降。放置数字的新方法(衬里数字)将它们视为大写字母。

要获得放置数字的新方法,您需要使用该表单的字体,例如Arial。

答案 3 :(得分:1)

看起来它是一种自定义字体,与其他字体不同。

您可以查看它,例如通过在Gimp或Photoshop中使用相同的字体键入相同的文本。它应该输出相同的结果。

确保您使用了所需的font-family