字體大小差異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

回答