¿Qué son las Variable Fonts? Variable Fonts son la nueva revolución en lo tocante a diseño tipográfico. Han sido desarrolladas por un grupo de expertos de Apple, Google, Microsoft y Adobe. Se empezaron a dar a conocer en eventos mundiales…

A la hora de enfrentarse con un proyecto nuevo de diseño web hay muchos puntos que hay que tener en cuenta. Para no olvidarnos de ningún tema, es recomendable seguir una lista de puntos que debemos cumplir. Con el tiempo…

He encontrado tantos juegos para diseñadores últimamente que he decidido hacer la segunda parte de Los diseñadores también juegan. Es este otro post recopilatorio sobre juegos relacionados con el diseño. Jugando con los pixels Pixact.li es el juego online en…

Icomoon.io es una herramienta que nos ayuda a gestionar y crear icon fonts. Icomoon ofrece bibliotecas de fuentes de uso libre y también nos permite combinar las diferentes fuentes y también nos da la oportunidad de crear y modificar nuestra…

Bienvenidos, icon fonts Los icon fonts se tratan de iconos que en realidad forman parte de una fuente tipográfica. Esta fuente en lugar de letras contiene iconos. Esta idea ya existía hace años en fuentes llamadas dingbat , que quizás…

Palettab es una extensión para Chrome que te ofrece paletas de color y una galería de fuentes, cinco de cada vez. Una vez instalada la extensión cada vez que añadamos una pestaña nueva en nuestro navegador Chrome veremos una galería…

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…

Dos de los sistemas más famosos para embeber fuentes tipográficas en la web son Google Fonts y, ya más reciente, Adobe Edge Fonts. Podemos necesitar combinar dos o más tipografías para nuestros diseños web y resulta difícil decidirse por el…

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.

Vitaly Friedman es el autor de esta presentación tan interesante sobre RWD (Responsive Web Design)

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…

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…