我正在尝试使用@ 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或类似工具生成不同的字体格式以涵盖所有浏览器.
