禁用“打开类型字体”中的连字和文本图形

Question

我正在使用谷歌的Raleway Webfont作为我们网站上的标题，但老板注意到由2个ffs和fi等形成的连字以及文本数字（带有升序和降序的数字），并认为我们最大的供应商可能会对他们的名字用连字和文本数字写出来提出异议。我已经尝试使用以下CSS关闭这些，但没有运气。

http://codepen.io/rachelreveley/pen/WxQPYQ

我试过的CSS

h1 {font-family: Raleway; font-size: 4rem;
  text-rendering: optimizeSpeed;
  font-feature-settings: unset;
  font-variant: normal;
}

Answer 1

您需要

使用letter-spacing来1px以实现所需的目标。

例如，根据您的代码，

h1 {font-family: Raleway; font-size: 4rem;
    letter-spacing: 1px;
    text-rendering: optimizeSpeed;
    font-feature-settings: unset;
    font-variant: normal;
    }

现场演示

您还可以在此处查看比较演示

对于数字，如OP所述，您可以将font-feature-settings与值lnum一起使用，font-variant-numeric与值normal一起使用。

例如

h1 {font-family: Raleway; font-size: 4rem; letter-spacing: 1px;
  text-rendering: optimizeSpeed;
  font-feature-settings: unset;
  font-variant: normal;
  font-variant-numeric: normal;
  font-feature-settings: 'lnum';
}

比较现场演示 - 用于数字

您可以在以下 W3 指南中阅读更多相关信息。

W3 字体变体数字指南