如何更改此字体？

Question

我有这个模板可以编辑，我想更改字体，这就是我拥有的

@import url(font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);

我想使用这种字体： https : //fonts.google.com/specimen/Playfair+Display?selection.family=Playfair+Display

然后我在css代码中有五个位置，它显示了

  font-family: FontAwesome;

我所做的是我下载了PlayfairDisplay并粘贴到“字体”文件夹中，然后将所有“字体家族：”更改为新字体的名称，但这并没有改变任何内容。

Answer 1

如果要使用字体文件而不是Google导入，则必须在CSS中使用@ font-face并将其指向字体文件。 例如：

@font-face {
font-family: your font name;
src: url(sansation_light.woff);//add your font file here
}

div {
font-family: myFirstFont;
}

您可以从w3学校参考以下示例以获取更多示例： https : //www.w3schools.com/cssref/css3_pr_font-face_rule.asp