problemas de tamaño de fuente en archivos PSD

Tengo algunos archivos PSD que tienen mucho texto.

Cada texto tiene diferentes tamaños de fuente y cuando trato de poner esos tamaños de fuente en mi HTML y CSS, no se ve exactamente igual que en PSD.

I am wondering, can we use the same font size as present in the photoshop in our css as well ?Cuando trato de hacer eso, las cosas no se ven exactamente similares. ¿Vale la pena copiar el tamaño de fuente exacto tal como está presente en Photoshop en nuestro CSS o deberíamos llegar a una conclusión con respecto al tamaño de fuente?

Respuestas (1)

Esta es una razón muy importante por la que la noción de que uno crea una página completa en Photoshop, obtiene la aprobación de la imagen y luego la página se reconstruye en HTML/CSS es un flujo de trabajo bastante pobre en los tiempos modernos.

Es raro que el tipo y la ubicación de HTML coincidan siempre con un documento de Photoshop. Esto, además de que alguien cree un archivo .psd de página completa sin comprender cómo funciona CSS/HTML, puede generar problemas. Cualquiera que esté familiarizado con CSS no estaría configurando cada línea de tipo en un tamaño diferente. (A menos que sea claramente intencional, como títulos, subtítulos y luego el cuerpo del texto)

En general, debe haber algo de "margen de maniobra" entre una representación de imagen plana de una página y una página HTML/CSS activa. Tratar de ser exacto puede ser una lección de frustración.

Usaría mi mejor juicio para transmitir la intención del tipo, sin preocuparme por el tamaño exacto de los puntos. Si la mayor parte del texto del cuerpo se establece en 14 pt/px, y hay algunas líneas ocasionales configuradas en 12 pt/px o 15 pt/px, entonces usaría 14 px como tamaño. A menos que haya alguna intención deliberada para los tamaños de letra variados. No haría que las letras de 24, 14, 18 y 30 puntos fueran todas del mismo tamaño. Pero 12, 13, 14 y 15 puntos probablemente podrían unificarse.

Esto puede, por supuesto, causar las declaraciones de los clientes de "esa no se parece a la imagen que aprobé" ... en cuyo caso... vea el primer párrafo aquí.

Solo para comentar sobre su compañero de punto válido, Photoshop tiene un maravilloso motor de representación de texto y gráficos que la mayoría de los navegadores no tienen, la representación de texto en diferentes navegadores de variados sistemas operativos es definitivamente un punto delicado para los profesionales que intentan mantener las cosas con un aspecto coherente. Le sugiero que dedique tiempo y esfuerzo a averiguar si la fuente en cuestión se puede cargar con un @fontface u otra tecnología de incrustación de fuentes para sus documentos html. Sería una lástima haber gastado algo de dinero en una fuente solo para descubrir que no puede usarla también en la Web. Haz un poco de prueba en el móvil también
problemas de tamaño de fuente en archivos PSD
RespuestasAquíPolítica de privacidad1y, 0v