使用下载的字体脱机

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