Css 字体前置问题

我有以下CSS行：

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

选择Arial，直到加载Verdun

如果我使用：

font: 700 0.8rem Verdun;

Verdun字体立即加载，因此没有断开的路径

---

我希望只有在找不到凡尔登时才使用Arial

凡尔登是否包含在您的@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要求的样式不匹配。

您没有在该代码中加载Gotham。抱歉@Turnip，这是一个编辑错误，因为我在不同的情况下使用这两种字体。我编辑过。如果你只使用凡尔登和无衬线，是否有效？包括@font-face声明中的权重？我只是用现在的字体声明了重量；你能给我举几个例子吗