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

标签 css fonts

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

@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 并粘贴到“字体”文件夹中,然后我将所有“字体系列:”更改为新字体的名称,但这并没有改变任何东西..我错过了吗什么?

最佳答案

如果你想使用字体文件而不是谷歌导入,你必须在 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 - 我怎样才能改变这个字体?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51157828/

相关文章:

java - 我的 JTextPane 如何显示多种字体?

eclipse 中的 CSS 图像路径

javascript - 如何在 bootstrap 3 中创建响应式/粘性页脚?

html - 边框折叠和边框底部

java - 为什么只有拉丁字符的 Java 字体声称支持亚洲字符,即使它不支持?

html - 具有适当许可和声明的网络字体的字体像素化

css - Chrome 中的字体粗细 CSS 过渡

android - 如何在 ActionBar 标题中设置自定义字体?

javascript - 基于鼠标点击位置的鼠标悬停弹窗

css - Ember.js 模板和全高(包括 JS bin 示例)