0

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

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

链接到以下 3 个屏幕截图:Georgia at 18pt in psd, Georgia at 18pt in ai, Georgia at 18pt as html /system text(与其他字体相同的问题)(尝试使用内联 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> 

任何人都可以让我正确吗?

4

2 回答 2

2

来自 W3.org 的 html(browser) pt 声明px:像素单位 — 1px 等于 0.75pt。

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

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

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

于 2015-07-11T01:23:04.827 回答
0

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

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

操作系统系统使用(如在用户中)字体,所以主要是它可用的类似字体类别。完整的字体也不总是由“AKA”用户代理携带。

于 2012-07-15T20:03:48.530 回答