font size discrepancy html/dreamweaver vs illustra

2019-03-04 13:33发布

I'm sure I must be being a total eedyat somewhere and I've been fishing round for an answer but..

I'm finding a massive discrepancy in the way Dreamweaver is rendering font size (tried both pt and px with same issue) from photoshop and illustrator.

Linked to 3 screenshots of: Georgia at 18pt in psd, Georgia at 18pt in ai, Georgia at 18pt as html /system text (same issue with other fonts) (tried with both inline css and external css)

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

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

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

Test code here:

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

Can anyone put me right?

2条回答
男人必须洒脱
2楼-- · 2019-03-04 13:45

html(browser) pt from W3.org states px: pixel units — 1px is equal to 0.75pt.

But Adobe product's pt to html(browser) css's coding is 1pt(photoshop) = 1px(css)

So if you try to do 18px in css instead of 18pt in css then you should be able to get the same text font.

See link: http://www.sherriwyche.com/tools/fontconversion.html

查看更多
\"骚年 ilove
3楼-- · 2019-03-04 13:46

All i can suggest is the font names if you understand fonts can be chosen by user agents(browsers) as the best "version" available. e.g. serif or arial e.t.c.

Also agents have text zoom settings and their own render engines for the fonts.

OS systems use(as in a user) fonts , so primarily its whatever is available of similar class of font. The complete font also is not always carried by an "AKA" user agent.

查看更多
登录 后发表回答