据我所知,使用自定义字体,在这种情况下本地存储,你会使用类似的东西.
@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; }
这看起来像这样.
我可能犯了一个简单的错误,如果有人能够帮助我解决这个问题,我将不胜感激.
解决方法
确保正确链接源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中的样式.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。