videopeersjs/client/public/fonts/README.md

Fuentes Locales - VideoPeersJS

Este directorio contiene todas las fuentes descargadas localmente para el proyecto VideoPeersJS, eliminando la dependencia de Google Fonts y mejorando el rendimiento.

Estructura de Fuentes

Inter

• Archivo: inter/
• Pesos: 400 (Regular), 500 (Medium), 600 (SemiBold), 700 (Bold)
• Uso: Fuente principal para interfaces y textos de cuerpo
• Formato: WOFF2 (optimizado para web)

Poppins

• Archivo: poppins/
• Pesos: 400 (Regular), 500 (Medium), 600 (SemiBold), 700 (Bold)
• Uso: Fuente secundaria para elementos especiales
• Formato: WOFF2 (optimizado para web)

Josefin Sans

• Archivo: josefin-sans/
• Pesos: 400 (Regular), 500 (Medium), 600 (SemiBold)
• Uso: Fuente para títulos y displays
• Formato: WOFF2 (optimizado para web)

Space Grotesk

• Archivo: space-grotesk/
• Pesos: 400 (Regular), 500 (Medium), 600 (SemiBold)
• Uso: Fuente decorativa y elementos especiales
• Formato: WOFF2 (optimizado para web)

Beneficios de Fuentes Locales

1. Rendimiento Mejorado: No hay dependencias externas, carga más rápida
2. Confiabilidad: No depende de la disponibilidad de Google Fonts
3. Privacidad: No se envían datos a terceros
4. Control Total: Optimización y personalización completa
5. Offline: Funciona sin conexión a internet

Uso en CSS

Las fuentes se importan automáticamente en src/styles/globals.css:

@import './fonts/inter.css';
@import './fonts/poppins.css';
@import './fonts/josefin-sans.css';
@import './fonts/space-grotesk.css';

Clases de Tailwind Disponibles

• .font-body - Inter (fuente principal)
• .font-accent - Poppins (elementos especiales)
• .font-display - Space Grotesk y Josefin Sans (títulos)

Tamaño Total

Aproximadamente ~80KB total para todas las fuentes en formato WOFF2 comprimido.