字体大小差异 html/dreamweaver vs illustrator答案

【问题标题】：font size discrepancy html/dreamweaver vs illustrator字体大小差异 html/dreamweaver vs illustrator
【发布时间】：2012-07-14 18:13:37
【问题描述】：

我确定我一定是某个地方的彻头彻尾的 eedyat，我一直在寻找答案，但是..

我发现 Dreamweaver 从 photoshop 和 illustrator 渲染字体大小的方式存在巨大差异（尝试 pt 和 px 时出现相同的问题）。

链接到以下 3 个屏幕截图：乔治亚州在 psd 中的 18pt，乔治亚州在 ai 18pt，乔治亚州在 18pt 作为 html /系统文本（与其他字体相同的问题）（尝试使用内联 css 和外部 css）

在这里测试代码：

<body >
<div style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:18pt;">
 This is a test this is a test</div>
</body>
</html>

谁能把我说的对吗？

【问题讨论】：

【解决方案1】：

如果您了解用户代理（浏览器）可以选择字体作为可用的最佳“版本”，我只能建议字体名称。例如衬线或宋体等

代理也有文本缩放设置和他们自己的字体渲染引擎。

OS 系统使用（如在用户中）字体，因此主要是使用任何可用的类似字体类别。完整的字体也不总是由“AKA”用户代理携带。

【讨论】：

感谢您的意见。（我的系统上肯定有 Georgia，它看起来是堆栈中的相同/首选字体 - 只是更大的 pt 大小）。我还在 firefox/safari 和 chrome 中进行了测试，每次都得到相同的尺寸差异。

【解决方案2】：

html(browser) pt from W3.org 声明 px：像素单位 — 1px 等于 0.75pt。

但是 Adobe 产品的 pt 到 html(browser) css 的编码是 1pt(photoshop) = 1px(css)

因此，如果您尝试在 css 中使用 18px 而不是在 css 中使用 18pt，那么您应该能够获得相同的文本字体。

【讨论】：