为什么HTML中的字体质量与PSD不同

Question

当我将PSD转换成XHTML+CSS时，我总是感觉到最常见的问题是字体的边缘和大小单位的清晰度。

在Photoshop中，字体大小单位是pt，而在css中，字体大小单位是px。现在Photoshop中的流畅度非常棒，但当我将其应用到XHTML时，我既不能达到myrid pro这样的常见字体的流畅度，也不能为使用@font-face属性的稀有字体实现同样的流畅度。

最近我把一个PSD转换成了XHTML，使用的字体是GothamHTF，我用@ font -face在网站上提供了这种字体，但问题是我不能在Photoshop中达到相同的质量，同样的文本，字体，大小。

有没有人面临同样的问题？

Answer 1

Photoshop有一个渲染字体的引擎。这五个浏览器也有一个用于渲染字体的引擎。

这些引擎是不同的，因此，字体并不总是显示相同的(或非常好的有时)。

在选定的地方确保质量控制的最好方法是使用标题或文本的图像。否则，最好理解一种字体不能在所有屏幕媒体上显示相同的字体。

Answer 2

将图像用作标题或文本片段并不方便。通过这种方式，google或任何其他搜索引擎都不会将您正在使用的文本作为图像进行索引。对搜索引擎不友好。