html – 自定义字体和字体平滑

2023年4月28日 185次阅读

我尝试添加自定义字体,并有很多麻烦:(

这是我的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禁用)：

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

2问题：

1)为什么Opera不了解本地路径(如果它在http服务器上部署它会起作用)？

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

最佳答案 我无法解释Opera的问题,但是明确的问题似乎是直截了当的. IE和Firefox忽略了你对禁用的cleartype的系统偏好,而chrome和safari正在做你所要求和尊重它的事情.

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

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

点赞