字体大小差异HTML/Dreamweaver中VS插画

我敢肯定，我一定是一个总eedyat的地方，我一直钓轮的答案，但..字体大小差异HTML/Dreamweaver中VS插画

我在路上发现一个巨大的差异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>

谁能把我的权利？

2012-07-15 fivedoor

如果你理解字体可以被用户代理（浏览器）选为可用的最佳“版本”，我所能建议的就是字体名称。例如serif或arial e.t.c.

此外，代理还具有文本缩放设置以及它们自己的字体渲染引擎。

操作系统系统使用（如在用户中）字体，所以主要是它的任何类型的字体都可用。完整的字体也不总是由“AKA”用户代理携带。

2012-07-15 20:03:48

感谢您的输入。（我的系统上肯定有格鲁吉亚，它看起来是堆栈中的相同/第一选择字体 - 只是更大的pt大小）。我还测试了firefox/safari和chrome，每次都获得相同的尺寸差异。 – fivedoor 2012-07-15 20:11:27

来自W3.org的html（浏览器）pt的状态px：pixel units - 1px等于0.75pt。

但Adobe产品的PT到HTML（浏览器）的CSS的编码是1点（Photoshop中）= 1像素（CSS）

所以，如果你尝试做部18px在CSS，而不是在CSS 18pt那么你应该能够得到相同的文本字体。

2015-07-11 01:23:04

回答