解决所有主流浏览器中的字体渲染问题

Question

很长一段时间以来，每个浏览器显示文本的方式都存在问题。

当然你已经注意到，即使你创建了一个样式表，指明了有关字体属性的所有内容，但是每个浏览器仍然会显示相同的文本但有一些差异，通常的问题是字体粗细，即使你指定它，不同的浏览器也会显示它不同的方式。

我想知道是否有一些解决方案。不将文本转换为图像。

感谢。

修改

这是问题的一个例子。在左侧Firefox和右侧IE。但是我已经在CSS字体系列中定义了重量，大小，但它们仍然使字体不同。

Snapshot

Answer 1

你的意思是在一个浏览器上它的粗体和另一个浏览器是正常的吗？重置应该可以解决这个问题，但如果没有，则可能会覆盖它。

如果您正在谈论看起来不同的字体，则可能 - 例如，由于Google Chrome / Chromium对渲染器进程进行沙盒处理，因此字体渲染不会受到系统其他部分的影响，我相信它使用某种特殊的字体渲染。说实话，在我的Linux安装上，我确实在Chromium上获得了更大胆的字体，但Firefox显示它们很好。

有SIFR（如上所述），但它需要Flash而且有点重。还有使用Javascript的Cufon http://cufon.shoqolate.com/。你能展示一个截屏视频，以便我们知道问题是什么吗？感谢。

Answer 2

SIFR是一个很好的解决方案，只要你只是试图控制小块文本（标题，设计元素等）的外观。

除此之外，完全允许浏览器以任意方式呈现文本，并且在浏览器和操作系统之间获得像素完美通常对于较大的文本块通常是不可取的。用户将具有不同的辅助功能设置和抗锯齿设置，这些设置已调整为他们想要阅读文本的方式，并且通常网站应该尝试尊重这一点。

Answer 3

您可以使用SIFR。

Answer 4

虽然这个问题已经持续了一周左右，但我发现这是一个可能与之相关的解决方案：

http://blog.wolffmyren.com/2009/05/28/jquery-fadeinfadeout-ie-cleartype-glitch/

如果你没有使用jQuery，请尝试从显示非Cleartype'd文本的元素中删除filter属性，它应该可以工作，根据该博客文章。