有没有办法在CSS中指定使用文本或标题数字?

前端之家收集整理的这篇文章主要介绍了有没有办法在CSS中指定使用文本或标题数字?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的字体通常默认为文字数字

Text figures http://hypftier.de/dump/numerals-text.png

这是我喜欢他们的一个原因.但是,对于表或标题,我想指定使用衬里数字:

Titling figures http://hypftier.de/dump/numerals-titling.png

有没有办法在CSS中这样做?

(安抚搜索

>古式数字,文字数字,非衬里数字,中世纪数字
>衬里数字,标题数字)

解决方法

Firefox 4.0具有基本的 text figure support.打开文本(旧样式)的方法如下:
.text-figures {
  -moz-font-feature-settings: "onum=1";
}

看起来像一组css3属性,如font-variant-numeric,以控制公共属性.据我所知,这些浏览器还没有得到支持.

这是一个jsFiddle,您可以在这里玩弄风格.它在衬里和老式人物之间切换.我在Windows 7上使用Minion Pro,因此您可能必须在其他平台上找到自己支持的字体.

猜你在找的CSS相关文章