爲什麼photoshop設計顯示的字體比真實瀏覽器小？

Question

我們爲網站提供了Photoshop創建的規範。它爲不同的項目提供了特定的基於像素的面板寬度和各種字體大小（以點爲單位）。

例如，數據網格中的文本是12pt Verdana。網格寬765px。

在瀏覽器（Chrome或IE）中以100％呈現時，網格預期爲765像素，但字體看起來比設計大（在瀏覽器中大約20-25％）。

我們懷疑Photoshop中的DPI設置可能是一個原因，但如果有的話它們應該具有相反的效果（Photoshop文檔設置爲72DPI，Windows /瀏覽器渲染爲96DPI）。

對我們所忽略的內容有何建議？ Photoshop文件是否應該在96DPI下創作？

Answer 1

下面是關於pt和px在photoshop中的另一個討論，以及如何改爲px。也許它可以幫助:)

https://stackoverflow.com/questions/3868627/photoshop-pt-size-conversion-to-web

Answer 2

在CS2其進入編輯菜單一個簡單的過程 - >首選項子菜單 - >單位和標尺然後更改單位類型像素。

Answer 3

確保你的Photoshop文檔設置爲72ppi，然後將匹配的瀏覽器尺寸