自定义字体和字体平滑

时间:2012-04-12 08:05:45

标签: html css

我尝试添加自定义字体并有很多麻烦:( 这是我的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禁用):

22

我不知道为什么我的歌剧不想从本地目录中读取这个字体。 Safari和Chrome没有启用字体平滑(我如何理解它取决于操作系统,如果不更改操作系统设置我就无法修复它。)

2问题:

1)为什么Opera不了解本地路径(如果它在http服务器上部署就可以了)?

2)如何为chrome和safari启用font-smooth? Firefox没有遇到麻烦,也许它可能用于其他浏览器(css​​属性font-smooth无效)

1 个答案:

答案 0 :(得分:2)

我无法解释Opera的问题,但是明确的问题似乎很简单。 IE和Firefox忽略了你对禁用的cleartype的系统偏好,而chrome和safari正在做你所要求的并且尊重它。

以下是我如何阅读该问题。你(用户)明确告诉系统不要使用cleartype。 MS决定忽略IE中的那个选择,这让你觉得IE比其他浏览器做了更好的渲染。 Mozilla警告那些CT禁用的用户,他们认为IE字体看起来更好,所以他们屈服于压力而忽略了你的选择。苹果公司很高兴看到Windows上看起来比Mac更糟糕,所以他们什么都不做。 Chrome决定采取高地,并尊重用户的选择。或者,我可以做到这一切。

原因并不重要,重点是当您禁用CT时,应该禁用它。您实际要问的是如何使网站忽略用户系统偏好,简单的答案是 - 您不能,也不应该。像网络浏览器大战中的许多东西一样,一些浏览器正在做正确的事情,有些浏览器没有做到这一点,你无能为力。