fonts - 为什么字体质量与 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 不友好。