字体大小差异html / dreamweaver vs illustrator

时间:2012-07-15 19:58:32

标签: html fonts size dreamweaver

我确定我必须在某个地方做一个完整的eedyat而且我一直在寻找答案,但是......

我发现Dreamweaver在Photoshop和插图画家中呈现字体大小(同时尝试pt和px)的方式存在巨大差异。

链接到3个屏幕截图: 格鲁吉亚18日在psd, 格鲁吉亚18日在ai, 格鲁吉亚在18pt作为html /系统文本 (与其他字体相同的问题) (尝试使用内联css和外部css)

http://i.imgur.com/ofjum.png

http://i.imgur.com/IlRtu.jpg

http://i.imgur.com/SGJTB.png

此处测试代码:

<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> 

有人可以把我弄好吗?

2 个答案:

答案 0 :(得分:1)

来自W3.org的html(浏览器)pt声明 px:像素单位 - 1px等于0.75pt。

但Adobe产品的ht(浏览器)css的编码是 1pt(photoshop)= 1px(css)

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

请参阅链接:http://www.sherriwyche.com/tools/fontconversion.html

答案 1 :(得分:0)

我可以建议的是字体名称,如果你理解字体可以被用户代理(浏览器)选为最好的&#34;版本&#34;可用。例如serif或arial e.t.c。

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

OS系统使用(如在用户中)字体,因此主要是其类似字体类别的可用内容。完整的字体也不总是由&#34; AKA&#34;用户代理。

相关问题