html – 在css中使用ttf文件

概述据我所知,使用自定义字体,在这种情况下本地存储,你会使用类似的东西. @font-face { font-family: 'theFontFamily'; src local('the font'), local('the-font'), url(path/to/the-font);}.fontClass { font-family: 据我所知,使用自定义字体,在这种情况下本地存储,你会使用类似的东西.

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

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

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

.logo-container {  Font-family: 'Pacifico',cursive;}

这看起来像这样.

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

解决方法 确保正确链接源URL.尝试

@Font-face {   Font-family: 'myPacifico' ;   src: url('/resources/Fonts/Placifico.ttf') format('truetype');}

这是基本的,然后使用……
     .logo-container {

Font-family: 'myPacifico',san-serif;      }

在这种情况下,San-serif是一个后备.在这种情况下,我链接到常规ttf文件.对于粗体和其他样式,您必须使用其他名称链接到另一个@ Font-face中的样式.

总结

以上是内存溢出为你收集整理的html – 在css中使用ttf文件全部内容，希望文章能够帮你解决html – 在css中使用ttf文件所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。