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

Joe*_*oey 15 css

我选择的字体通常默认为文字数字

文字数字http://hypftier.de/dump/numerals-text.png

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

标题数字http://hypftier.de/dump/numerals-titling.png

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

(安抚搜索:

  • 旧式数字,文字数字,无衬里数字,中世纪数字
  • 衬里数字,标题数字)

the*_*dow 5

Firefox 4.0具有基本的文本图形支持.这是打开文本(旧式)数字的方法:

.text-figures {
  -moz-font-feature-settings: "onum=1";
}
Run Code Online (Sandbox Code Playgroud)

看起来有一组css3属性,例如font-variant-numeric,来控制常见属性.据我所知,任何浏览器都不支持这些.

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