Question

我有以下CSS行：

font: 700 0.8rem Verdun, Arial, Helvetica, sans-serif;

选择Arial，直到加载Verdun为止;

如果我使用：

font: 700 0.8rem Verdun;

立即加载Verdun字体，因此没有损坏的路径。

我希望只有在找不到Verdun的情况下才能使用Arial;

Answer 1

Verdun是否包含在你的@ font-face声明的重量700中？如果没有，那么Arial将是一个更好的匹配，所以选择。如果您没有声明任何重量，那么浏览器必须假设重量是正常的。

一个例子：

@font-face {
  font-family: 'Verdun';
  font-style: normal;
  font-weight: 700;
  src: local('Verdun'), local('Verdun-bold'),
   url('../fonts/verdun-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
   url('../fonts/verdun-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

如果你没有指定重量，那么Verdun是正常的（400）重量，所以不符合你的css要求的风格。

字体优先级问题

1 个答案: