字体大小差异的HTML / Dreamweaver中VS插画(font size discrepan

2019-07-30 10:43发布

我敢肯定,我一定是某个地方总eedyat,我一直在钓鱼一轮的答案,但..

我发现在Dreamweaver从Photoshop和Illustrator绘制字体大小(尝试都PT,并与同样的问题PX)的方式一个巨大的差异。

联系到3个截图:在PSD 18pt格鲁吉亚,格鲁吉亚在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> 

任何人都可以把我的权利?

Answer 1:

从W3.org HTML(浏览器)PT状态PX:像素单元- 1px的等于0.75pt。

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

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

见链接: http://www.sherriwyche.com/tools/fontconversion.html



Answer 2:

所有我可以建议是字体的名字,如果你明白的字体可以通过用户代理(浏览器)是最好的“版本”可用来选择。 例如,衬线或宋体等

还代理有文字缩放设置和字体自己的渲染引擎。

OS系统使用(如在用户)的字体,所以主要是其任何可用相似类的字体的。 完整的字体也并不总是由“又名”用户代理进行。



文章来源: font size discrepancy html/dreamweaver vs illustrator