如何更改此字体？

【问题标题】：How can I change this font?如何更改此字体？
【发布时间】：2018-07-03 15:07:46
【问题描述】：

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

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

然后我在 css 代码中有五个地方显示它

  font-family: FontAwesome;

我所做的是我下载了 PlayfairDisplay 并粘贴到“字体”文件夹中，然后我将所有“字体系列：”更改为新字体的名称，但这并没有改变任何东西.. 我错过了吗什么？

【问题讨论】：

标签： css fonts

【解决方案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

【讨论】：

我可以使用更容易的那个.. 我尝试使用此代码，但它不起作用.. 如果我想通过链接使用，我必须使用那里已经存在的代码吗？跨度>
那你为什么不像你所做的那样从谷歌字体导入它。在 css 中使用以下代码 @import url('fonts.googleapis.com/css?family=Playfair+Display');然后在任何你需要的地方使用它 font-family: 'Playfair Display', serif;