El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

Maquetación y tipografía para web

Qué es tipografía: diferencias entre términos

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
En ocasiones surgen confusiones entre términos relacionados con la letra, como puede ser entre tipo de letra, tipografía y fuente. Vamos a ver qué se esconde exactamente detrás de cada uno de estos conceptos.
07:19

Transcripción

Estamos en un curso de maquetación y tipografía avanzada para web, así que estamos en un marco de Internet, por decirlo así, de nuevas tecnologías, de tecnología punta relacionadas con la informática, pero no por ello hay que descuidar algunos conceptos que son la base de la tipografía web, como es la tipografía tradicional, el concepto madre de tipografía. Y me gustaría ver en este vídeo algunas definiciones en torno a la letra, de conceptos que a veces se confunden o que no quedan demasiado claros, así que vamos a verlos y así tendremos una base sobre la que sustentar todo nuestro trabajo, como digo, de este curso de maquetación y tipografía avanzada para web. Vamos a ver primero cuál es la definición del concepto del término 'tipografía'. Tipografía, en su origen, en realidad es un método de impresión o de reproducción en el que mediante un tipo, normalmente de metal, tenemos el tipo, ponemos tinta, papel y por presión ese tipo deja huella de una letra. Por resumirlo, es un método inventado por Johannes Gutenberg a mediados del siglo XV. Y es un método que sigue casi hasta el siglo XX, donde ya empiezan a evolucionar otros tipos de métodos de impresión, pero ese método de impresión estuvo vigente durante, como digo, 4 ó 5 siglos y de hecho todavía hoy se siguen haciendo trabajos en tipografía. A partir de allí, se empezó también a llamar tipografía al arte de componer textos, y por eso este curso también se llama tipografía web. Es el arte de componer textos, de maquetar textos y de hacerlo de una manera correcta, ese trabajo que hacía el tipógrafo, era el que colocaba estos pequeños tipos de metal de una manera óptima para que luego su reproducción fuera la mejor y que hubiera una legibilidad correcta en esos textos, en esas páginas de libros. A partir de allí, ¿tercera acepción que podríamos alcanzar o tercera evolución del término tipografía? Bueno, para entenderlo vamos a ver primero un ejemplo. Fotografía también es un método de reproducción en el que pues, mediante procesos químicos, obtenemos una toma fotográfica que es reproducción exacta de la realidad etcétera, etcétera. Bien, tenemos: fotografía es el arte, toma fotográfica es el resultado. Bien, con la evolución del lenguaje, lo que ha pasado es que al final también llamamos fotografía a ese resultado del arte de la fotografía. Y nadie ha puesto un grito en el cielo, sino que llamamos fotografías también al resultado, como digo, del arte la fotografía, y nos dejamos de decir toma fotográfica. Pues lo mismo ha pasado con la tipografía. La tipografía es este método de impresión, es este arte de componer textos y el resultado de ello son páginas de libros, pero también el resultado de ese proceso, uno de los resultados, es el diseño de tipos de letras, que es como debería llamarse, un tipo de letra, pero al que también se le ha llamado tipografía. Es decir, Helvética, que es un tipo de letra, también puede llamarse tipografía. Así pues vamos a utilizar indistintamente estos términos: tipografía o tipo de letra, para hablar de lo mismo. ¿Qué es de lo que vamos a hablar? Bueno, pues es un conjunto de caracteres con características estilísticas comunes. Un tipo de letra, por lo general, consta de un alfabeto de letras, números, signos de puntuación, diacríticos, etc. Como digo, volveré a volver a repetirlo, tipografía puede ser método de impresión, puede ser el arte de maquetar textos. Eso también lo vamos a usar en este curso, pero como este es un curso centrado en la web, la acepción principal que vamos a utilizar de tipografía no va a ser la del método de impresión por supuesto con tinta, sino el de sinónimo de tipo de letra, el resultado de ese proceso de un diseñador de tipos que crea la apariencia de una letra. Es decir, creamos un sistema de letras que funcionan en conjunto como un sistema y que tiene unas características estilísticas comunes. Una tipografía o un tipo de letra es la apariencia de esas letras. Entendemos que Helvética, Times New Roman, Arial, Comic Sans, Caslon, Baskerville... todos estos nombres que conoces son tipos de letras o tipografías. Y aquí entra el segundo término que sería 'fuente', que es el archivo digital que contiene esta tipografía, es decir, vamos a verlo con otro ejemplo: una canción. Una canción está compuesta por notas, cada línea musical pues la interpreta un instrumento, hay algunas líneas para voz, la guitarra, la batería, el bajo etcétera, etcétera, etcétera, y eso es una canción, por decirlo así: la partitura, la forma de la canción, al igual que la forma de las letras es una tipografía. ¿Qué pasa si tenemos un MP3? Que entonces tenemos la canción en formato físico en un archivo digital –o si lo tenemos en un casete o en un CD, lo tenemos en formato físico analógico– pero si lo tenemos en digital, lo tenemos en un MP3. ¿El MP3 es la canción? No, el MP3 es el MP3 y la canción es otra cosa. Son dos conceptos distintos, lo mismo ocurre en tipografía: tipografía o tipo de letra es la apariencia de este sistema de letras y la fuente es el archivo digital que instalamos en nuestro ordenador para poder utilizar esa tipografía. ¿Formatos que existen de fuente? Bueno, pues tenemos las TTF, las OTF y los WOFF. El primero está ya en desuso, el segundo es el archivo reinante ahora mismo, porque tiene mayor capacidad de contener un mayor número de glifos, tiene funciones que nos permiten utilizar, pues varios numerales, usar ligaduras, usar características avanzadas de la tipografía, que por fin se pueden utilizar en una fuente, características que ya tenían las tipografías cuando se hacían en metal y que se fueron perdiendo al traspasarlo a digital. Bueno, pues ahora gracias al OTF, a la tecnología OTF, podemos utilizarlas. Y WOFF es lo mismo que OTF, prácticamente lo mismo, para nuestros efectos es lo mismo, pero construido por dentro para que esté optimizado para su uso en web. Como en este curso vamos a ver maquetación y tipografía avanzada para web, vamos a utilizar sobre todo fuentes web "Open Font Format", que son, como digo, los archivos WOFF, que son los últimos tipos de fuentes digitales que han salido optimizados para web. Está el WOFF, y ahora recientemente también ha salido el WOFF 2, que, bueno es una ampliación de este formato. Así pues ya tenemos claro cuál es el concepto de tipografía, tipo de letra, fuente, cuáles son sus diferencias. Así que ya podemos atacar la misión de hacer tipografía avanzada para web.

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.