有没有办法在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,因此您可能必须在其他平台上找到自己支持的字体.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效