如何更改此字体？

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并粘贴在“ font”文件夹中，然后我将所有“ font-family：”更改为新字体的名称，但是没有任何改变。什么？

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