fonts - 如何访问 CSS 中的字体功能?

标签 fonts css font-face

我想在网站上使用一种字体,我需要访问各种替代字体功能(具体来说,此处选择的功能:http://myfonts.us/uOmsiF)。

我知道 mozilla 有 -moz-font-feature-settings css 特性,但我还需要两件事:

  1. 一种为 webkit 浏览器执行此操作的方法(如果可能,支持最新的 IE 版本);
  2. 如何确定我应该将什么作为 -moz-font-feature-settings 属性的值(是否有工具?标准?)。

我更喜欢使用 CSS 解决方案,但如果有其他一些基于 javascript 的方法可能适用于大多数平台,我肯定会使用它。

编辑:我刚找到 OpenType 规范:http://www.fontfont.com/opentype/FF_OT_UserGuide_v2.pdf还有 CSS3 草案:http://dev.w3.org/csswg/css3-fonts/#font-variant-alternates-prop 编辑 2:我的解决方案是在 xelatex 中创建文本,然后将其转换为 SVG。显然,这不是大量文本的解决方案,但适用于文本 Logo 。

最佳答案

目前,除了 Firefox 4 之外,没有浏览器支持 font-feature-settings(即便如此,它也使用 Mozilla 供应商扩展)。 CSS3 Fonts module不过,记录了该属性,因此由于它是 CSS3 的一部分,其他浏览器最终应该会支持它。

我不确定是否有任何基于 JavaScript 的解决方案。

关于fonts - 如何访问 CSS 中的字体功能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5445182/

相关文章:

C#使用自己的字体而不安装它

html - 无法居中对齐菜单 bootstrap3

html - 使用 CSS 未获得预期效果

fonts - 如何在tinymce编辑器中添加新字体?

html - Font Awesome 图标仅以黑色打印

css - Chrome 与 Firefox/IE 中的字体大小不同

iphone - 我可以在 iPhone 上预加载自定义字体以提高性能吗?

javascript - Css 在每一行的底部放置一个完整的行,带有 Angular ng 重复

CSS WOFF 字体 - 在没有 @Face-Font 的情况下部署

css - 如何在单个字体文件中定义多种字体的字体?