0

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 仍然说它是相同的字体，但显示方式不同）

4

2 回答 2

0

您不能进行动态（非图像）文本渲染并期望一致的间距。

这是一个原因。

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

细节：在乔治亚州，“b”应该比“H”高，“a”有一个泪珠（泪珠）终止符。在您的图像 A 中，“b”是正确的高度，但“a”上没有泪珠。在图像 B 中，“b”已被缩短以匹配“H”，但存在泪珠。我相信图像 B 是“精致”的图像。

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

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

许多设计师讨厌这一点，因为他们陷入了纸上谈兵的思维。（我个人发现这样的人[长篇大论已删除]。）

于 2012-06-01T15:35:41.653 回答
0

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

此外，如果您使用 webfonts 或@font-faces，您必须知道并非每种字体都是为 Web 目的而制作的，因此在不同的浏览器中会以不同的方式显示自己。

为了进一步解决字体问题，您可以使用不同的服务（如 fontsquirrel）将您的字体制作成网络安全字体。不同的服务=不同的结果！

这意味着如果出现问题，您必须同时打开所有 3 或 4 个主要浏览器，并询问自己字体是否适合您。

这是工作中非常困难和耗时的部分。http://www.google.com/webfonts对我来说是最好的解决方案（目前）

于 2012-05-31T14:56:45.677 回答