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

前端之家收集整理的这篇文章主要介绍了HTML – @ font-face和.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或类似工具生成不同的字体格式以涵盖所有浏览器.

原文链接:https://www.f2er.com/html/425959.html

猜你在找的HTML相关文章