Font Usage Guide | FontHubs

Guía de Instalación de Fuentes

Instalación en Windows

1. Descarga el archivo de fuente (TTF, OTF, etc.)
2. Haz clic derecho en el archivo de fuente y selecciona "Instalar"
3. O arrastra el archivo de fuente a C:\Windows\Fonts
4. Reinicia tus aplicaciones para usar la nueva fuente

Instalación en macOS

1. Descarga el archivo de fuente
2. Haz doble clic en el archivo de fuente para abrir Font Book
3. Haz clic en "Instalar Fuente"
4. La fuente estará disponible en todo el sistema

Instalación de Fuentes Web

Para proyectos web, usa CSS @font-face o servicios de fuentes web como Google Fonts:

@font-face {
  font-family: 'TuFuente';
  src: url('ruta/a/fuente.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

Principios de Selección de Fuentes

Considera tu Audiencia

Elige fuentes que coincidan con las expectativas y hábitos de lectura de tu audiencia objetivo. El contenido formal puede necesitar fuentes serif, mientras que las interfaces modernas a menudo funcionan mejor con fuentes sans-serif.

Coincide con tu Marca

La fuente debe reflejar la personalidad de tu marca. Una empresa tecnológica podría elegir una sans-serif limpia, mientras que una marca de lujo podría preferir una fuente serif elegante.

Considera la Legibilidad

Asegúrate de que la fuente sea legible en los tamaños que planeas usar. Prueba en diferentes contextos y en varios dispositivos.

Guía de Combinación de Fuentes

Serif + Sans-serif

Una combinación clásica. Usa serif para encabezados y sans-serif para texto del cuerpo. Esto crea buen contraste y jerarquía.

Ejemplo:

Georgia (serif) + Arial (sans-serif)

Sans-serif + Sans-serif

Elige fuentes con diferentes pesos o estilos. Una para encabezados, una para texto del cuerpo. Asegúrate de que se complementen entre sí.

Ejemplo:

Helvetica (encabezado) + Open Sans (cuerpo)

Consejos para Combinar Fuentes

Limita a 2-3 fuentes por proyecto
Asegura contraste suficiente entre fuentes
Considera pesos y estilos de fuentes
Prueba la legibilidad en diferentes contextos

Mejores Prácticas

Jerarquía Tipográfica

Usa diferentes tamaños, pesos y estilos para crear una jerarquía clara. Los encabezados deben destacar del texto del cuerpo.

Ejemplo de Jerarquía:

• H1: 32px, Bold
• H2: 24px, Semibold
• H3: 20px, Medium
• Cuerpo: 16px, Regular

Espaciado y Legibilidad

El espaciado adecuado mejora significativamente la legibilidad. Considera el interlineado, el espaciado entre letras y el espaciado entre palabras.

Recomendaciones:

• Interlineado: 1.4-1.6 para texto del cuerpo
• Espaciado entre letras: -0.5px a +1px
• Espaciado entre palabras: 0.25em

Consistencia

Mantén consistencia en el uso de fuentes en todo tu proyecto. Esto crea una experiencia visual cohesiva y profesional.

Puntos de Consistencia:

• Usa la misma fuente para elementos similares
• Mantén pesos consistentes para la misma jerarquía
• Aplica el mismo espaciado en secciones similares

Solución de Problemas Comunes

Problemas Frecuentes y Soluciones

Fuente No Se Muestra

Verifica que la fuente esté instalada correctamente y reinicia la aplicación. Para web, asegúrate de que la ruta del archivo sea correcta.

Rendimiento Lento

Para proyectos web, usa formatos WOFF2 cuando sea posible, ya que ofrecen mejor compresión y rendimiento.

Inconsistencia Entre Dispositivos

Usa fuentes web o incluye fuentes de respaldo (fallbacks) para asegurar consistencia visual.

Guía de Uso de Fuentes