【问题标题】:How to find out which `font-feature-settings` safe web fonts (Arial, Georgia, Tahoma) / any font do support?如何找出支持哪些“font-feature-settings”安全网络字体(Arial、Georgia、Tahoma)/任何字体支持?
【发布时间】:2015-06-24 18:37:22
【问题描述】:

我尝试实现 CSS3 font-feature-settings lining figures,特别是在 Georgia(Windows 7,OpenType)中,但 Georgia* 似乎只支持老式数字。

最广泛支持的语法,源自https://stackoverflow.com/a/15161336/1696030

.ffs--lnum {
    -webkit-font-feature-settings: "lnum";
       -moz-font-feature-settings: "lnum=1"; /* Fx 4 to 14 */
       -moz-font-feature-settings: "lnum";   /* Fx 15 onwards */
       -moz-font-feature-settings: "lnum" 1; /* Fx 15 onwards explicitly set feature values */
            font-feature-settings: "lnum";   /* other features for comparison: c2sc=1, smcp=1 */
    font-variant-numeric: lining-nums;
}

到目前为止,这里还有一个Codepen including my attempts

如何在不反复试验的情况下找出某种字体(网络安全/网络字体)支持的 font-feature-settings 是否有某些应用程序可以显示这些?我不一定关心平台,欢迎所有输入。

编辑 (*):Georgia 安装在 v. 5.00 中,尽管这是一个有趣的注释,但它不是这个问题的主题。

【问题讨论】:

    标签: css fonts


    【解决方案1】:

    记住:CSS“网络安全”字体不保证使用这些字体的版本。相隔十年的两个版本的 Georgia 或 Arial 可能是完全不同的野兽。 CSS 默认系​​列(网络安全字体和通用系列类别)不适用于您需要控制内容的排版时,而是适用于您关心排版的情况但只需要以至少可以跨平台和跨浏览器工作的方式广泛样式化的文本。

    如果您确实关心控制排版,那么您显然会这样做:使用实际字体。使用 Typekit 之类的工具,或托管您自己版本的您需要的确切字体,然后使用 @font-face 规则链接到该版本,并保证该字体将完全支持您排版所需的功能。

    【讨论】:

    • 感谢迈克的意见。我完全清楚,那些可能是(小)“不同的野兽”。尽管根据我的经验,专业的排版师不会彻底改变字体,但会修复小故障并添加更多字符。但是,您通过 Google 字体添加的字体也可以。先验地说网络字体比格鲁吉亚这样的字体更好,这对我来说是不正确的。我的问题仍然存在,是否有帮助应用程序,可以为我提供任何字体的font-feature-settings
    • 这对每个人来说基本上都是正确的:如果您绝对关心 opentype 功能,那么保证您网站上的每个人都使用相同字体的唯一方法是为他们提供字体装载。如果你关心这些功能,我建议不要使用谷歌网络字体,因为谷歌可以随时更新这些功能,从而使你的使用无效。您想提供固定在特定版本的字体。至于在字体中查找字体特征:如果您使用Georgia,您不会得到 字体。例如,您不能将浏览器为该字体系列选择的字体加载到 JS 上下文中。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-05-12
    • 2011-09-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-02-04
    相关资源
    最近更新 更多