Question

我下载了一个新字体并存储在tupromail@be-s2534-msl:~/cuttlefish-master$ gem uninstall sidekiq Remove executables: sidekiq, sidekiqctl in addition to the gem? [Yn]中在 styles.css 文件中，我写道：

${RootFolder}/font

在html中我写道：

@font-face {
    font-family: roboto;
    url('../fonts/Roboto-Italic.ttf');
}
h1 {
    font-family: roboto;
}

我仍然没有看到该字体已经改变。

你知道我做错了什么吗？

Answer 1

使用谷歌字体https://fonts.google.com/specimen/Roboto
只需将其导入css即可。将@ font-face替换为：

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

使用font-family: roboto;

Answer 2

尝试使用它：

@font-face {
   font-family: "roboto";
   src: url('fonts/Roboto-Italic.ttf');
}
h1 {
   font-family: roboto;
}

Answer 3

在你的font-face中添加src：url（＆＃39; ../ fonts / Roboto-Italic.ttf＆＃39;）;而不是网址（＆＃39; ../ fonts / Roboto-Italic.ttf＆＃39;）;

https://www.w3schools.com/CSSref/css3_pr_font-face_rule.asp

CSS @ font-face：如何正确使用它？

3 个答案: