小帽和数字

时间:2014-08-27 14:41:10

标签: css

我面临着小型大写和数字的奇怪问题。我的文字,当我通过

告诉他
p {
    font-variant:small-caps;
}

使用小型大写字母,数字保持较大。任何人都知道这个问题和解决方法。或者我是否必须在一个跨度中包裹数字并手动缩小它们?我使用的是webfont,它在Photoshop中显示小型大写字母。所以font-family为数字提供小型上限。

1 个答案:

答案 0 :(得分:2)

这是因为数字没有大小写。数字既不是大写也不是小写,所以它们不能像那样转换。

解决方法是改为使font-size缩小,并使用text-transform属性强制您的文字为大写:

p {
    font-size: smaller;
    text-transform: uppercase;
}

唯一的问题是它也会影响已经大写的字母。

JSFiddle demo