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

前端之家收集整理的这篇文章主要介绍了如何访问CSS中的字体功能?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个字体,我希望在网站上使用,我需要访问各种备用字体功能(具体来说,这里选择的功能http://myfonts.us/uOmsiF).

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

>为webkit浏览器执行此操作的方法(如果可能,支持最新的IE版本);
>如何计算出我应该作为-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.显然,这不是许多文本的解决方案,但适用于文本徽标.

解决方法

目前,除了Firefox 4之外,没有任何浏览器支持字体功能设置(甚至它使用Mozilla供应商扩展). CSS3 Fonts module文件虽然属性,但由于它是CSS3的一部分,其他浏览器最终应该支持它.

我不确定任何基于JavaScript的解决方案.

猜你在找的CSS相关文章