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

Fonts 如何访问CSS中的字体功能?,fonts,css,font-face,Fonts,Css,Font Face,我有一种我希望在网站上使用的字体,我需要访问各种可选字体功能(特别是此处选择的功能:) 我知道mozilla有-moz字体功能设置css功能,但我还需要两件事: 一种针对webkit浏览器的方法(如果可能,支持最新的IE版本) 如何计算出我应该为-moz字体功能设置属性设置什么值(有工具吗?标准吗?) 我更喜欢使用CSS解决方案,但如果有其他一些基于javascript的方法可能在大多数平台上工作,我肯定会使用它 编辑:我刚刚找到OpenType规范,还有CSS3草案: 编辑2:我的解决方案是在

我有一种我希望在网站上使用的字体,我需要访问各种可选字体功能(特别是此处选择的功能:)

我知道mozilla有
-moz字体功能设置
css功能,但我还需要两件事:

  • 一种针对webkit浏览器的方法(如果可能,支持最新的IE版本)
  • 如何计算出我应该为
    -moz字体功能设置
    属性设置什么值(有工具吗?标准吗?)
  • 我更喜欢使用CSS解决方案,但如果有其他一些基于javascript的方法可能在大多数平台上工作,我肯定会使用它

    编辑:我刚刚找到OpenType规范,还有CSS3草案:
    编辑2:我的解决方案是在Xeletex中创建文本,然后将其转换为SVG。显然,这对于大量文本来说不是一个解决方案,但对于文本徽标来说效果很好

    目前,除了Firefox4之外,没有浏览器支持
    字体功能设置(甚至使用Mozilla供应商的扩展)。但是,由于文档是CSS3的一部分,所以其他浏览器最终应该支持它


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

    字体功能设置现在实际上在WebKit中得到了支持,尽管OSX上还没有

    现在也在IE/Trident中(IE10平台预览版)


    很高兴能够在网络上进行真正的排版。

    正如sideshowbarker所说,CSS
    字体功能设置现在得到了更广泛的支持。可以使用所有著名的供应商前缀来完成这些操作:

    • -webkit-(谷歌浏览器)
    • -moz-(Mozilla Firefox)
    • -ms-(IE 10+)
    • -o-(歌剧院)
    不幸的是,Safari目前还不支持它们。IE 9及以下版本也不支持它们。据StatCounter统计,截至2012年11月26日,这将使不支持它的浏览器约占34%。这是一个相当大的利润,但一直在下降

    就我个人而言,我现在会使用图像而不是字体。34%的东西是一个相当大的数量。如果我在购物时发现有34%的人不喜欢吃馅饼,我就不会买

    但是,如果您真的想使用
    字体功能设置
    ,那么我建议您实际使用这些功能


    虽然你似乎已经回答了你的问题,但我想我会进一步讨论这个话题。sideshowbarker有一些很好的观点,但我认为他们只是需要一些澄清(如果我只有15个声誉,我会投票支持你,兄弟!)

    记住,这仍然是一份草稿;规范可能会随时更改,供应商的实现也可能会更改。这是一个好消息——最坏的情况下,我可能会将字体的轮廓跟踪为SVG。我想我必须使用Xeletex才能真正访问这些字形。