我尝试使用@font-face实现我在网上下载的字体(http://www.losttype.com/font/?name=blanch),但是我在任何浏览器上都无法使其正常工作。这是我用来测试字体的示例代码。
<html>
<head>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div class = "title">
<p>THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG</p>
</div>
</body>
</html>
这是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文件。 有人能解释一下为什么它不起作用吗?