@ font-face不起作用:(

Question

我无法使用@ font-face工作。它在我检查元素时注册，但仅触发备用衬线字体。这是我的设置方式：

Mode=TwoWay

及其用法：

CheckBox

站点链接在这里： www.koreatownmovie.com

Answer 1

Don't use all those formats。首先使用woff / woff2。然后，请记住，@font-face是您告诉CSS引擎看到font-...指令时需要做什么。在这种情况下，您告诉它仅当看到字体粗细：正常和字体样式：普通时，才从您提供的网址中加载字体，但随后在页面CSS中使用“字体重量：更轻”。由于您没有告诉CSS引擎看到字体粗细时该怎么做，因此它不会使用该自定义字体：您没有告诉它。

如果您希望它使用字体而不考虑特定的font -...属性，请不要添加该属性

@font-face {
  font-family: Wremena;
   src: url('./fonts/Wremena Light.woff') format('woff'),
        url('./fonts/Wremena Light.woff2') format('woff2');
}

完成。现在，无论使用font-style还是font-weight等，都应该使用该字体。