离线使用下载的字体

Question

我刚刚下载了 google 字体。我想在页面的特定部分使用它。我想我使用字体的方式不正确。

.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;
}