离线使用下载的字体[重复]

Question

我刚刚下载了一个谷歌字体。我想在页面的特定部分使用它。我认为我使用的字体不正确。

.page-header {
    font-family: 'Calligraffitti', cursive;
    src : url('../fonts/Calligraffitti/Calligraffitti-Regular.ttf');
}

如果这不正确，您能告诉我使用系统上未安装的字体的正确方法吗？

Answer 1

将此添加到 CSS 文档的顶部。

@font-face {
    font-family: Calli;
    src: url('../fonts/Calligraffitti/Calligraffitti-Regular.ttf');
}

然后你可以像这样使用它：

.page-header {
    font-family: Calli;
}