css - Webfonts 和 OpenType 旧式数字 (onum) 功能

标签 css fonts font-face webfonts opentype

我正在尝试获取 "old style"/hanging numbers使用 @font-face 嵌入的网络字体,我遇到了...图标一致性问题。

目前的部分发现(OSX/Win7):

  • 一般来说,低级语法(font-feature-settings: "onum"1; 可选前缀)在现代浏览器中得到了很好的支持;高级语法还没有 (font-variant-numeric: oldstyle-nums)
  • Firefox 很擅长,IE10 很好,而 Safari(最多 9 个)完全不支持。
  • Google 字体(至少 Open Sans)不包含必要的 OpenType 功能信息
  • 在 Chrome 中,它变得“有趣”:不显示 onum,除非单词后跟  !影响 Android(此处为 4.4,咳咳)和 OSX,而​​不是 Win7?!也许除了“这是一个错误”之外,我还缺少其他逻辑;洞察力、想法或澄清表示赞赏。

这是我的丑test case .不过请注意:

  • Google 字体可能会传递给您本地安装的字体,因此请停用/卸载
  • 在“Open Sans @font-face”列中,大写字母“W”正确默认,因为我从子集中排除了大写字母。

最佳答案

我建议尝试使用 Kenneth Ormandy 的 Utility OpenType它解决了所有已知的浏览器怪癖。如果您仍然遇到问题,您可以 file an issue with the project如果发生了非规范的事情,请向浏览器制造商提交错误。

关于css - Webfonts 和 OpenType 旧式数字 (onum) 功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38890092/

相关文章:

html - 垂直对齐容器中的一行文本

javascript - document.title 返回未定义。为什么是这样?

css - 多语言网站和 CSS 字体系列

windows - 使用 DrawText 或类似函数渲染下标

html - 不同语言的不同字形选择

css - 字体在 chrome 中工作,但在 firefox 和 ie 中不工作

CSS 文本垂直淡入

css - 使用 CSS3 动画草图生成的 SVG

css - @font-face 不在服务器上时在 IE 中不工作

html - CSS 中的@font-face 问题