Css 如何更改此字体?

Css 如何更改此字体?,css,fonts,Css,Fonts,我有这个模板要编辑,我想更改字体 这是我的 @import url(font-awesome.min.css); @import url(https://fonts.googleapis.com/css?family=Raleway:400,700); 我想使用这种字体: 然后我在css代码中有五个地方显示 font-family: FontAwesome; 我所做的是下载PlayfairDisplay并粘贴到“font”文件夹中,然后我将所有“font family:”更改为新字体的名

我有这个模板要编辑,我想更改字体 这是我的

@import url(font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
我想使用这种字体:

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

  font-family: FontAwesome;

我所做的是下载PlayfairDisplay并粘贴到“font”文件夹中,然后我将所有“font family:”更改为新字体的名称,但这并没有改变任何东西。。我遗漏了什么吗?

如果你想使用字体文件而不是谷歌导入,你必须在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学校的以下示例:

您可以共享更多代码吗?谢谢,我可以用更容易的。。我试着用这个代码,但没用。。如果我想通过链接使用,我必须使用已经在那里的代码吗?那么你为什么不像以前那样从谷歌字体导入它呢。在css@import url(')中使用以下代码;然后在任何需要的地方使用字体系列:“Playfair Display”,衬线;