浏览器不显示字母“fi”和“fl”的组合

Question

我有以下问题：

对于我的网站，我从谷歌字体中选择了webfont'Fira Sans Constreed'（拉丁文，拉丁扩展，西里尔文，西里尔文扩展）。为了生成字体格式，我使用了font Squirrel，它为我生成了扩展名为。woff和。woff2的文件。

我在下一个CSS代码中包括字体：

@font-face {
  font-family: 'firasanscondensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/firasanscondensed-regular.woff2') format('woff2'), url('../fonts/firasanscondensed-regular.woff') format('woff');
}

@font-face {
  font-family: 'firasanscondensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/firasanscondensed-bold.woff2') format('woff2'), url('../fonts/firasanscondensed-bold.woff') format('woff');
}

html prettyprint-override">body {
  font-family: 'firasanscondensed', sans-serif;
}

除了字母“fi”和“fl”的组合外，我的内容显示正确。例如：“wi-fi”就像“wi-”一样。

为了解决这个问题，我尝试用更多的字体扩展(.eot，.ttf)和不同的顺序来包含字体，但情况没有改变。

我在以下浏览器中看到了这个问题：谷歌Chrome 55.0.2883.87；Mozilla Firefox 51.0.1。在IE10中，问题不会出现！

提前感谢！

Answer 1

默认情况下会激活常见的连字，但有些字体不支持它们。尝试用font-feature-settings：“liga”0禁用它们；这对我很有效。