Photoshop px vs. OS px

Question

Ao converter um webdesign dado como um arquivo photoshop para HTML + CSS, fiquei confuso com tamanhos de fonte. Como pode ser visto na imagem abaixo, 30 px no photoshop não é igual 30 px em outros programas do Windows (diferentes no Mac ou outros?), Ou browsers. Este parece ser afetada pela criação da imagem photoshop em diferentes resoluções de 72 que é padrão, e não afetado pela mudança de unidades entre a PT ea px. Can qualquer dica sobre como conjunto photoshop para unidades px uso do navegador?

Answer 1

O tamanho da fonte no documento pintura refere-se a pontos, e não pixels. Alterar o tamanho da fonte no photoshop para 30pt e eles devem ter o mesmo tamanho.

Um ponto é 1/72 de polegada e o equivalente pixel pode depender do DPI do seu monitor. Em 96 DPI 30pt * 1in / 72pt * 96 dpi (a tela res) é 40 px. Para converter pixels para pontos trabalhar para trás de modo 30px * 1 pol / 96px * 72pt / 1in = 22.5pt.

Assim, mudar o tamanho do texto tinta para 22,5 e devem corresponder-se.

Answer 2

Set-lo para 96 ??dpi.