HTML – @ font-face和.ttf文件的问题

发布时间：2020-12-14 22:50:47 所属栏目：资源来源：网络整理

导读：我正在尝试使用@ font-face来实现我在线下载的字体(http://www.losttype.com/font/?name=blanch),并且我在使用任何浏览器时遇到问题.这是我用来测试字体的示例代码. 而css文件是： @font-face { font-family: Blanch; src: url(‘BLANCH_CONDENSED.ttf’);}.

我正在尝试使用@ font-face来实现我在线下载的字体(http://www.losttype.com/font/?name=blanch),并且我在使用任何浏览器时遇到问题.这是我用来测试字体的示例代码.


而css文件是：

@font-face {
    font-family: Blanch;
    src: url(‘BLANCH_CONDENSED.ttf’);
}
.title {
    text-align:center;
    font-family: Blanch,'Helvetica Neue',Arial,Helvetica,sans-serif;
    color:white;
    text-shadow: -1px 0 black,0 1px black,1px 0 black,0 -1px black;
}

我只有.ttf文件.有人可以解释为什么这不起作用？


最佳答案
在构造url(‘BLANCH_CONDENSED.ttf’)中,’smart’单引号必须替换为Ascii引号(单引号或双引号),例如URL( ‘BLANCH_CONDENSED.ttf’).
您还应该使用FontSquirrel webfont generator或类似工具生成不同的字体格式以涵盖所有浏览器.
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!