Maquetación y tipografía para web

Formatos de archivo para fuentes web

¡Prueba gratis durante 10 días

nuestros 1202 cursos !

Prueba gratis Mostrar modalidades de suscripción
Existen diferentes tipos de archivo para webfonts y cada uno tiene sus características e inconvenientes, además de que no todos son soportados por la mayoría de navegadores web. Vamos a ver cuáles son estos formatos y sus características.
04:57

Transcripción

Vamos a ver qué formatos de archivo existen para utilizar "web fonts". Hay varios tipos de archivo. Hay un estándar más o menos claro, pero todavía, al ser una ciencia tan nueva, tan joven, todavía se está dilucidando quién será el ganador. Aunque, bueno, llevamos 2-3 décadas utilizando imágenes en la web y todavía no sabemos si el JPG, si el PNG u otros formatos que están saliendo actualmente son mejores unos que otros, así que preveo que va a haber una guerra, va a seguir una guerra a la hora de dilucidar cuál va a ser el estándar para formatos de archivos para web fonts. Pero vamos a ver cuales son los más comunes. Primero tenemos los TTF –las True Type Fonts– aunque este es un formato heredado del diseño "offline", por llamarlo de alguna manera. Pero este formato, que se ha quedado un poquito limitado, ya en el ámbito "offline" ha sido superado por las Open Type Fonts, que, aunque a veces también se esconden bajo la extensión TTF –de True Type Font– del anterior, pero bueno, que tienen ya aplicadas todas las características de la programación OpenType que nos permite, aparte de un mayor número de glifos, con lo cual pueden ser multiescritura, multidioma, estas fuentes, pues bueno, tenemos ya disponibles características avanzadas como pueden ser, pues: ligaduras, diferentes juegos de numerales, etcétera, etcétera. Así pues, este es el formato más completo que existe actualmente para fuentes "offline" y ahora seguiremos comparándolas. Luego tenemos las SVG Fonts, aunque hay autores que dicen que van a desaparecer, hay gente que las defiende a muerte... A mí no me terminan de convencer, porque al final tratan los caracteres como glifos individuales cuando una tipografía es un sistema y, bueno, todavía están avanzando en el modo de añadir características avanzadas del uso de la tipografía. Luego están las Embedded OpenType, que bueno, son otro tipo de formato de archivo, aunque este sí que está tendiendo a desaparecer, así que no vamos a perder el tiempo con él. Y llegamos a las WOFF –las Web Open Format– que sí que son de alguna manera el estándar más extendido hoy en día y que –antes he dicho en las OpenType Fonts que veríamos luego una comparación, bueno, pues las vamos a ver con las Web Open Format–. WOFF es precisamente la respuesta web a las Open Type Fonts, es una manera de comprimir o de hacer más eficiente un archivo OTF. WOFF está avanzando a grandes pasos para convertirse en estándar de Webfont, porque además es un archivo o un estándar abierto y se están intentando trasladar todas esas características que podemos utilizar en diseños "offline" con las Open Type Fonts, se están intentando trasladar de una manera óptima construyendo un tipo de archivo específico para web. A partir de allí, bueno pues surge el WOFF2, que es la evolución, ya casi, casi con las mismas características que el Open Type Font, con lo cual sería la mejor opción, pero, como vamos a ver a continuación es un producto más o menos novedoso y todavía no está soportado por la mayoría de navegadores. Aquí en esta tabla, que he extraído de w3schools.com, vemos la compatibilidad con los principales navegadores y a partir de qué versiones están soportados estos tipos –como digo, las OTF, pues por todos. WOFF también por todos, sería la que utilizáramos preferiblemente, y la WOFF2, bueno pues así como Chrome, Firefox y Opera ya lo soportan, Safari e Internet Explorer se están haciendo un poco más los remolones, pero estoy seguro de que muy pronto también la soportarán. Las SVG Fonts están un poco más en desuso y las EOT, bueno pues ya ni digamos, ya están casi descartadas en la carrera por coronarse con el estándar de las "web fonts". Así pues, estos son los principales formatos o tipos de archivos que existen para "web fonts". Vemos que hay una gran variedad y cada uno tiene sus características, pero, repito, no vamos a quedar con OTF, WOFF y WOFF2, porque tenemos muchas esperanzas en el próximo futuro de las cuestiones

Maquetación y tipografía para web

Aprende cómo seleccionar una fuente óptima para su lectura en pantalla y cómo exprimirla para aprovechar en tus proyectos web todas las posibilidades de las fuentes OpenType.

2:10 horas (25 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:30/09/2016

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.