En el diseño web como en todo hay modas y tendencias. Este año 2015 ha venido muy fructífero y se continúan tendencias del año pasado dándoles quizás un nuevo ajuste de tuerca y también comenzamos a ver nuevas tendencias de…

Desde que utilizamos el método @font-face podemos incluir mucha más variedad de fuentes tipográficas en nuestras creaciones web. En este post quiero reunir una serie de galerías en las que podemos ver estas webfonts en uso. The Web Fonts Gallery…

El flat design es una tendencia de diseño que utiliza formas planas e iconos. Rectángulos, círculos, triángulos y otras figuras geométricas con la ausencia de otros elementos como sombras, degradados o rebordes, huye de la tridimensionalidad. Se ha hecho popular…

The History of Typography - Animated Short Me ha gustado mucho este cortometraje de Forrest Media que me han recomendado. Muestra en una animación de recortes de papel la historia de la tipografía. The History of Typography - Animated Short…

Atención a esta simpática infografía acerca del uso y la legibilidad de las fuentes con serif o sin serif: For free fonts and dingbats, check UrbanFonts.com

Shape Type es un juego para aprender cómo están construidas las tipografías.

Adobe ha lanzado recientemente una nueva familia de productos centrados en las tecnologías webs emergentes. Entre ellos destaca Adobe Edge Web Fonts con el cual Adobe nos ofrece la posibilidad de utilizar tipografías gratis y de open source. Este es…

actualización Tengo que decir que aunque el truco funciona bien (suaviza las fuentes) puede que haga que la página se cargue más lento. Han descolgado la página a la que hago mención Aunque embeber tipografías en nuestras webs es una…

Hoy quiero hablaros de otro juego de tipografías, se trata de Kern Type. Kern Type es un juego para aprender el kerning. El juego es sencillo. Aparecerán en pantalla una serie de palabras, en las cuáles algunas letras se podrán…

Type Connection es un juego que nos ayuda a emparejar fuentes, de forma graciosa y dándonos datos del contexto histórico de las tipografías, características de las mismas, etc nos va guiando para que sepamos emparejarlas bien. Curioso y original y…

A la hora de diseñar una web los diseñadores debemos dejar espacio para el texto y su correspondiente diseño: tipo de letra, espacio entre párrafos, interlineado, etc. Para ver cómo quedan nuestros textos solemos utilizar texto simulado, la mayoría de…

Fonts In Use es un blog sobre tipografías, un recopilatorio de fuentes pero fuentes "en uso". Podemos ver tipografías en funcionamiento, cómo quedan en diferentes medios y soportes. Un proyecto que me ha parecido muy interesante.

En esta web, Best Google Web Fonts, podemos ver qué tal se muestran en pantalla varias tipografías del directorio de Google Fonts, además de ver qué tal quedan con muchos de los efectos de CSS3 para texto. Posteriormente podemos importar…

Font Combinator es una herramienta creada para previsualizar la combinación de fuentes para web. Podemos ver en un párrafo qué tal quedan varias fuentes combinadas. Las fuentes que utiliza esta herramienta son las de la colección de Google Fonts.

El uso de fuentes seguras para web se ve bastante limitado si no optamos por embeber las fuentes mediante @font-face o sirviéndonos de Google Fonts. Aún así no todas las tipografías a las cuales de este modo podemos tener acceso…

Esta es la traducción libre del maravilloso artículo de Elliot Jay Stocks Choose your web fonts wisely. He perdido la cuenta de cuantas veces he utilizado la frase, “ahora es un excelente momento para la tipografía en al web”, pero…

Cuando diseñamos webs cada vez deseamos poder usar los nuevos efectos que el CSS3 nos permite. Esto puede convertirse en un reto sobre todo si no queremos utilizar JavaScript o queremos intentar que nuestro código sea compatible con la mayoría…

"YA NO SE QUE HACER CONMIGO" de El Cuarteto de Nos ("Raro" 2007) Dirección: Charly Gutiérrez / Dirección de Arte y Diseño: Fran & Gutiërrez Animación: Daniel Perdomo / Prod. Ejecutivo: Diego Robino Esta pieza forma parte de la exposición…

Documental sobre la creación de la fuente tipográfica Helvética. Contiene notas históricas acerca del nacimiento de la fuente como la opiniones y testimonios de diseñadores gráficos. Web oficial sobre el film 'Helvética' Sobre la Helvética (wikipedia)")

"Conforme la tipografía para web va mejorando, los diseñadores web quieren tener el mismo control que los diseñadores gráficos tienen sobre las fuentes." Esto es una traducción libre sobre una de las diapositivas de esta presentación de Trent Walton. Es…

Post actualizado a 15 de noviembre @font-face es un método mediante el cual podrías utilizar, en teoría, cualquier fuente tipografía en un sitio web. Este método consiste en subir al servidor el fichero de la fuente (embeber). No podemos embeber…

WP Google Fonts es un plugin de Wordpress que nos facilita mucho a la hora de embeber en nuestra web fuentes de Google Font. El plugin nos facilita un desplegable en el cual podemos elegir las fuentes deseadas, con la…