html ttf文件是什么文件,html – 在css中使用ttf文件

据我所知,使用自定义字体,在这种情况下本地存储,你会使用类似的东西.

@font-face {

font-family: 'theFontFamily';

src local('the font'),local('the-font'),url(path/to/the-font);

}

.fontClass {

font-family: 'theFontFamily',extra_settings;

}

所以在本地使用这个font,你会期望这个工作吗？

@font-face {

font-family: 'Pacifico';

src: local('Pacifico Regular'),local('Pacifico-Regular'),url(resources/fonts/Pacifico.ttf);

}

.logo-container {

font-family: 'Pacifico',cursive;

}

当我尝试它时,代码更改字体,而不是所需的字体.看起来像这样.

然而,如果我使用导入链接,< link href =“https://fonts.googleapis.com/css?family=Pacifico”rel =“stylesheet”>,只需使用以下代码即可.

.logo-container {

font-family: 'Pacifico',cursive;

}

这看起来像这样.

我可能犯了一个简单的错误,如果有人能够帮助我解决这个问题,我将不胜感激.