使用下载的字体脱机

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