为什么字体质量与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

将图像用作标题或文本片段并不方便。这样，谷歌或任何其他搜索引擎都不会将您用作图像的文本编入索引。不是SEO友好。