微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

原文地址:https://www.jb51.cc/css/216607.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。