Pregunta
Al convertir un diseño web dado como archivo de photoshop a html + css, me confundí con los tamaños de fuente. Como se ve en la imagen de abajo, 30 px en photoshop no equivale a 30 px en otros programas de Windows (¿diferentes en Mac u otros?), O navegadores. Esto parece no verse afectado por la creación de la imagen de Photoshop en resoluciones diferentes de 72, que es la predeterminada, y no se ve afectada por el cambio de unidades entre pt y px. ¿Alguien puede sugerir cómo configurar photoshop para usar las unidades px del navegador? ??
Solución
El tamaño de fuente en el documento de pintura se refiere a puntos, no a píxeles. Cambie el tamaño de fuente en photoshop a 30pt y deberían ser del mismo tamaño.
Un punto es 1/72 de pulgada y el píxel equivalente puede depender del DPI de su monitor. A 96 ppp 30pt * 1in / 72pt * 96DPI (resolución de mi pantalla) es 40px. Para convertir los píxeles en puntos, trabaje hacia atrás para que 30px * 1in / 96px * 72pt / 1in = 22.5pt.
Así que cambia el tamaño del texto de pintura a 22.5 y deberían coincidir.
Otros consejos
Establézcalo en 96 dpi.