我尝试添加自定义字体,但遇到了很多麻烦 :( 这是我的test.html:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@font-face {
font-family: 'OpenSans';
src: url('OpenSans.eot');
src: url('OpenSans.eot?#iefix') format('embedded-opentype'),
url('OpenSans.woff') format('woff'),
url('OpenSans.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
body {
font-size: 14px;
font-family: 'OpenSans';
}
</style>
</head>
<body>
<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry<span>
</body>
</html>
我有一个结果(Windows XP SP3 ClearType disable):
我不知道为什么我的Opera不想读取本地目录中的字体。Safari和Chrome没有启用字体平滑(据我所知,这取决于操作系统,如果不更改操作系统设置,则无法修复它)。
2个问题:
1)为什么Opera不理解本地路径(如果部署在http服务器上,它将正常工作)?
2)如何为Chrome和Safari启用字体平滑?Firefox可以轻松完成,其他浏览器也可能可以(CSS属性font-smooth无法帮助)。