css - 我怎样才能改变这个字体？

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

如果你想使用字体文件而不是谷歌导入，你必须在 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