Question

我正在使用谷歌的Raleway Webfont在我们网站上的标题，但Boss注意到由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;
    }

<强> Live demo

您还可以查看 Comparative demo here

对于数字数据，如OP所述，您可以使用值font-feature-settings的{{1}}和值lnum的{{1}}。

例如，

font-variant-numeric

<强> Comparative Live demo - For numeric figures

您可以在以下W3指南中详细了解相同内容。

<强> W3 guidelines on font-variant-numeric

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

1 个答案: