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

Question

当我将 PSD 转换为 XHTML+CSS 时，我一直觉得最常见的问题是字体边缘和大小单位的松脆度。

在 Photoshop 中字体大小单位是 pt，在 css 中是 px。现在 Photoshop 中的平滑度非常棒，但是当我将它转换为 XHTML 时，我无法实现相同的平滑度，无论是对于 myrid pro 等常见字体，还是对于我使用 @font-face 属性的稀有字体。

现在我最近将 PSD 转换为 XHTML，使用的字体是 GothamHTF，我使用 @font-face 使该字体在网站上可用，但问题是我无法达到与在 Photoshop 中相同的质量对于相同的文本、字体、大小。

有人遇到过同样的问题吗？

Answer 1

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

Answer 2

Photoshop 有一个用于渲染字体的引擎。这五款浏览器还配备了用于渲染字体的引擎。

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

确保在特定位置进行质量控制的最佳方法是使用标题或文字的图片。否则，最好理解一种字体不会在所有屏幕媒体上显示相同。