Archivos de la Categoría: Tipografía

Diseño de tipografías, tipógrafos o lugares donde aprender sobre tipografía. Además, interesantes sitios donde descargar tipografías de todo tipo.

Descarga todos los tipos de letra que ofrece Google Web Fonts

Hace ya un tiempo que Google presentó la Font API, mediante la cual podíamos usar cualquiera de los tipos de letra que ofrecían en nuestro sitio web. Hasta el momento lleva acumuladas 198 fuentes diferentes, todas libres y gratuitas. Y si os gustan algunas o todas, descargárselas es lo más sencillo del mundo.

Se pueden descargas de varias manera, por ejemplo, por medio del Google font directory situado en Googlecode, donde tenemos disponibles todas las fuentes. Allí, se nos explica el procedimiento a seguir para bajarlas todas de golpe según el sistema operativo que estemos usando. Pero quizá sea más práctico tomarnos cierto tiempo y descargar únicamente aquellas que nos gusten para no cargarnos con archivos innecesarios.

Para ello, vamos a la página de Google Web Fonts y descendemos por ella para ver las fuentes. Cada vez que encontremos una que nos guste y que queramos descargar, hacemos clic en el botón “add to collection”. Todos los tipos de letra que seleccionemos irán apareciendo en la parte de abajo de la página.

Cuando hayamos seleccionado todas las que nos vamos a bajar, tan sólo tenemos que hacer clic en el enlace “Download your Collection” que aparece arriba a la derecha y, tras ignorar un aviso que nos recuerda que no es necesario descargar las fuentes para usarlas en una web, hacemos clic en el enlace respectivo y nos las descargamos dentro de un ZIP.

Si queremos revisar nuestra colección antes de descargarla, podemos hacer clic en el botón “Choose”, dentro del área que nos muestra que tipos de letra hemos añadido. Entonces, nos aparecerá una muestra detallada de todas las que hemos elegido de manera que podamos comprobar con claridad como se ven, aunque en la sección donde las elegimos también podemos apreciar bien su aspecto y con bastante detalle por medio de las opciones que se nos ofrecen.

Como se puede ver, un recurso más para obtener rápidamente fuentes que podamos usar con total libertad en cualquier documento o diseño que realicemos.

Vía:
Genbeta – Descárgate todos los tipos de letra que ofrece Google Web Fonts 

Las mejores tipografías gratuitas de 2009

Muestra de la tipografía Sansation

Se acerca el fin de año y, como es habitual por estas fechas, empiezan a surgir listas que seleccionan lo mejor o lo más relevante de que ha dado el mismo. Ésta, en concreto, recoge las mejores opciones tipográficas de 2009. Sorprende la calidad de algunas de las tipografías propuestas, especialmente porque son totalmente gratuitas. Recuerda consultar la licencia de uso de cada una de las tipografías antes de utilizarla en un proyecto.

Vía:
Intenta – Las mejores fuentes gratuitas de 2009
Web Design Ledger – The Best Free Fonts of 2009

Font Picker: previsualiza tus tipografías en línea

Font Picker en acción

Hace unos días apareció como destacada en Lifehacker una aplicación llamada Font Picker, que sirve para previsualizar el texto que el usuario quiera utilizando todas las tipografías instaladas en el sistema. Lo especial de Font Picker es que es una aplicación que puede ejecutarse en línea desde la propia página web (versión en Flash) o descargarse al escritorio para ser ejecutada de forma local utilizando la plataforma Adobe Air. Funciona perfectamente en sistemas Windows, Mac y GNU/Linux.

El funcionamiento es sencillo: el programa detecta automáticamente las tipografías instaladas y muestra un texto por defecto en las previsualizaciones. Haciendo clic en dicho texto puede cambiarse por otro cualquiera y utilizando la barra de desplazamiento lateral se puede navegar por la colección de tipografías. En cada una de las tipografías hay un icono para marcarla como favorita (le cambia el color para destacarla del resto) y otro para eliminar esa fuente de la lista. Pulsando sobre el botón de Clear limpiará toda la lista, y si se hace clic en Reset volverá a detectar todas las tipografías instaladas en el disco duro.

Enlaces:
Font Picker – Finding the right font for the job
Genbeta – Font Picker: previsualiza textos online usando todas tus tipografías

30 efectos de texto con Photoshop

Imagen de PSDTUTS

Existen cientos de tutoriales para Photoshop disponibles en la red, pero solamente unos pocos son reseñables en términos de facilidad en sus instrucciones, presentación y resultados. En esta entrada se presentan treinta tutoriales para Adobe Photoshop con los que conseguir bellos efectos de texto.

Los tutoriales pertenecen a sitios de renombre como son PSDTUTS, PSHERO, y Abduzeedo.

Enlaces:
Six Revisions – 30 Beautiful Photoshop Text Effect Tutorials

Typechart – CSS y tipografías

Typechart

El siguiente enlace es realmente interesante. Como es sabido por todo el mundo, las tipografías no se ven igual en Mac OS X que en Windows, ya que cada sistema operativo las interpreta de forma distinta. En otras ocasiones, algunas tipografías solamente se pueden utilizar en Mac OS X y otras en Windows. Typechart es un servicio web que nos permite comparar como se ve determinada tipografía en Mac OS X y Windows, y así obtener el código CSS para la configuración que estemos visualizando.

Para ello proporcionan varias familias tipográficas clásicas, además de varios tamaños que van desde letra pequeña (small) hasta extra grande (extra large) y finalmente lo que denominan emphasis, que no es otra cosa que tipografías con estilo negrita (bold), cursiva (italic) y mayúsculas (uppercase).

El sitio es muy práctico y simple, y hace su función a la perfección.

Vía:
Isopixel – Typechart