Question

http://yummylekker.be/test.gif

正如您在上面链接中的图片中看到的，我的字体有问题。在某些时候，当我在浏览器中查看它时，它会发生变化...似乎无法找出原因或时间。我用FontFinder和字体分析了两次，以及值是相同的。在这两种情况下都有格鲁吉亚。它似乎影响每个浏览器和每种字体。只有这样才能让它改回原来的，正确的是重新启动我的电脑：s

任何人都知道原因可能是什么？

#wrapper #about p, #wrapper #comingsoon p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
line-height: 18px;
color: #414141;}

相同的浏览器，相同的字体，首先正确显示但在某些时候我再次查看它（相同的浏览器等）它已经改变了（FontFinder仍然说它是相同的字体，但显示方式不同）

Answer 1

每个浏览器都有自己的分析和可视化字体的方式。如果您使用标准字体，则每个浏览器都有最佳机会正确显示它。

此外，如果您使用网页字体或@ font-faces，您必须知道并非所有字体都是为了网络目的而制作的，因此在不同浏览器中显示本身的方式不同。

要为字体问题添加更多内容，您可以使用不同的服务（例如fontsquirrel），这些服务可以将您的字体设置为网页安全字体。 不同的服务=不同的结果！

这意味着如果您遇到问题，您必须将所有3个或4个主要浏览器打开，并且如果字体足够适合您，请自行询问。

这是一项非常艰苦和耗时的工作。 http://www.google.com/webfonts对我来说是最好的解决方案（现在）

Answer 2

您无法进行动态（非图像）文字渲染并期望保持一致的间距。

这就是原因之一。

字体里面有“提示”，告诉渲染引擎如何最好地以小尺寸显示文本。其中一个图像没有使用提示，另一个是。因此，我怀疑你看到一个快速的“初始”版本，然后是一个较慢的“精炼”（暗示）版本。

细节：在格鲁吉亚，“b”应该高于“H”，而“a”有一个lachrymose（泪珠）终结者。在你的图像A中，“b”是正确的高度，但“a”上没有泪珠。在图像B中，“b”已经缩短以匹配“H”，但是泪滴存在。我相信图像B是“精致”的图像。

要测试此功能，请尝试使用字体大小更大的相同文本。我相信重新渲染不会发生。您可能尝试的另一件事是打开和关闭ClearType。

我意识到这并不能解决您的问题，但那是因为这不是编程问题，而是设计问题。再次：您不能进行动态（非图像）文本渲染并期望一致的间距。

许多设计师讨厌这个，因为他们陷入了墨水和纸张的思考。（就个人而言，我找到了这样的人[tirade删除]。）

浏览器中的字体更改

2 个答案: