28 recursos para saber cuál es el mejor tipo para tu web

No basta con tener una gran colección de tipos hay que saber elegirlos, combinarlos y utilizarlos.

Comparto con vosotros una serie de 28 recursos tipográficos: (actualizado 14/01/11 a 31 recursos)

1. Saber distinguir los tipos
2. Ver cuáles son los mejores tipos de todos los tiempos
3. Las mejores Font Stacks, saber qué tipos están instalados
4. Decidir cuál es la mejor combinación de tipos
5. Técnicas CSS y consejos para utilizarlos
6. Debates y juegos tipográficos

1.- Primero vamos a conocerlos, a distinguirlos

Free 27 Page Type Classification eBook «“> (PDF)

Clasificación visual tipográfica: con serifa y sin serifa

8 pequeños tips de gran utilidad

1. Typeface Anatomy and Glossary
2. The Typographic Scale
3. The 62.5% Trick
4. The Importance of Kerning
5. Type Types
6. Lorem Ipsum
7. Case Studies
8. Arial vs Helvetica

The Vignelli Canon (PDF 96 páginas)

Meet the Type (PDF de Font Shop)

2.- Los mejores tipos de todos los tiempos

Tabla periódica tipográfica con los 100 mejores tipos de la historia

Top 100 mejores tipografí­as de todos los tiempos (ví­a colorate)

The 100 Best Fonts Of All Time (toda la historia pero en alemán)

Los 100 mejores tipos según una encuesta de Paul Shaw

Otras 3 listas:

• 21 Most Used Fonts By Professional Designers
• Top 7 Fonts Used By Professionals In Graphic Design
• 30 Fonts That ALL Designers Must Know & Should Own

3.- Los mejores Font Stacks (listas de fuentes)

Better CSS Font Stacks (una selección de las mejores listas de fuentes)

Lista de los tipos instalados según SO (actualizado diciembre 2010)

Matriz de tipos instalados en Mac y Windows operating systems, Microsoft Office y Adobe Creative Suite

wordmark.it: Visualiza online los tipos que tu equipo tiene instalados

Infografí­a sobre el uso de la tipografí­a y los colores en diseño web

The right font for the job (Otro PDF de Font Shop que nos ayudará a seleccionar el mejor tipo para nuestro proyecto)

Más:

• Guide to CSS Font Stacks: Techniques and Resources | Smashing Magazine
• 8 Definitive Web Font Stacks [Design Tips & Tricks]

4.- Cómo combinar distintos tipos

19 top fonts in 19 top combinations chart (PDF con ejemplos de los tipos más populares combinados)

Mixing Typefaces (un clásico)

Para amantes de la Helvetica

4 técnicas para combinar tipos

Typechart no sólo muestra ejemplos sino que añade información sobre si la fuente es nativa en XP, Vista o Mac, nos deja el CSS en un acordeón AJAX y quizás lo que aún no habí­a visto es que muestra la renderización del texto en Mac y en WIndows (con Cleartype activado)

5.- Cómo utilizarlos. Consejos y técnicas

The Elements of Typographic Style Applied to the Web (HTML actualizado periódicamente con técnicas CSS para tipografí­a)

Pequeños tips sobre cómo incrustar fuentes de forma más segura y rápida (PDF)

Seven Rules for Better Typograph (PDF)

Web Font Specimen:  paquete de archivos con el que testear un tipo web con todas las caracterí­sticas propias de la tipografí­a web CSS.

6.- La opinión de los usuarios, tu opinión

En pqpq.es hemos abierto tres debates tipográficos. Agradecemos tu opinión.

El mejor y el peor tipo de letra para web

Texto base: Justificado vs. Alineado a la izquierda

Tipografí­a ¿con serifa o sin serifa?

Si te gusta la tipografí­a pásate por Logo-tipos y adivina 17 famosos logotipos sólo por su tipografí­a.