Este foro ya no está activo, así que no puedes publicar nuevas preguntas ni responder a las preguntas existentes.

Fuentes de letras

23 de diciembre de 2013

Hola, llevo varios días de peleas con los diseñadores gráficos por culpa de las fuentes de letras, en Photoshop las fuentes se ven bien, pero al poner la misma fuente en el maquetado no se ve igual, el famoso escalonado de las letras.

La fuente es Helvética Neue, son fuentes compradas para webs.

Le pongo en el css: -webkit-font-smoothing: antialiased; pero sigue igual. Yo creo que es cosa de las fuentes, sistemas operativos y navegadores web. La verdad que no se qué hacer y quisiera saber si hay algo o confirmar mis sospechas. También he probado con:

-webkit-text-stroke: 1px;
text-shadow: #333 0px 0px 1px;
-webkit-font-smoothing: antialiased;

Pero provoca que crezca el grosor de las letras.

Por último una cosa más, uno de los diseñadores dice que las fuentes de letras, o sea los archivos, cada vez que se copia pierde calidad ¿es cierto eso? O sea si copio 100 veces un archivo, ¿se estropea? Según lo que yo he estudiado, copiar un archivo no estropea su contenido, sino que mal iría la informática. Esto lo pregunto porque me gustaría tener algo de apoyo o argumentos para poder decirles que están equivocados o por el contrario ver si yo estoy equivocado. Entiendo que si guardas una foto en un formato, lo abres y lo guardas en otro formato si pase, pero con copiar un archivo...

Un saludo!!


Respuestas

#1

@AlbertoVioque, la respuesta a tu pregunta es sencilla, pero decepcionante. Efectivamente las fuentes web (y las fuentes normales también) se ven diferentes en todos los navegadores y sistemas operativos y no hay nada que se pueda hacer para evitarlo.

Las diferencias se notan más en unas fuentes que en otras. Por eso algunos sitios como Typekit incluyen la opción de ver cómo queda la fuente en todos los navegadores de todos los sistemas operativos. Entra por ejemplo en la página de la fuente Museo Slab y pulsa la pestaña Browser Samples para ver cómo queda la fuente en cada caso.

Si quieres hacer tus propias pruebas sobre cómo quedan tus diseños en diferentes sistemas operativos y navegadores, te recomiendo el sitio gratuito browsershots.org

Respecto a lo que te han comentado sobre cómo influye la copia de archivos en su degradación, es simplemente falso. Como bien dices, el único caso en el que es cierto es cuando se comprime varias veces seguidas un mismo archivo multimedia (imagen, video, audio).

@javiereguiluz

26 diciembre 2013, 23:00
#2

Muchas gracias @javiereguiluz, ya decía yo... pero bueno a ver si con esto consigo convencer a la gente de ello, yo lo sabía porque me he encontrado ese problema siempre y nunca he encontrado la solución.

Muchas gracias!!!

@AlbertoVioque

3 enero 2014, 11:36
#3

Sobre el escalonado, yo sólo se algo de mi experiencia. Hace no mucho hice mi propia fuente para mi web en CorelDRAW el cual me la generaba en TrueType.

Una vez hecha al escribir se veía muy escalonada, estuve buscando y dándole vueltas, consultando foros, etc. Hasta que un día encontré un programa gratuito de hacer fuentes, con ese programa abrí mi fuente TrueType y la guardé/exporté como OpenType. El resultado fue que desde entonces la misma fuente pero en formato OpenType no se veía escalonada, he buscado en Wikipedia y OpenType es la versión mejorada de TrueType así que a lo mejor tiene algo que ver, quizá a ti también te funcione :)

Voy a hacer una búsqueda a ver si encuentro de nuevo ese programa, es tan sencillo como abrir la fuente TrueType y después guardarla como OpenType. Si quieres probarlo, no perderás nada.

Edito: ya está, ya lo he encontrado, se trata de Type ligyh He convertido de nuevo mi ex-fuente para que veas la diferencia, está abierta con el visor de fuentes de Windows: Captura

Espero que te sirva de algo, ¡Un saludo!

@Fruithg

4 enero 2014, 2:01