# 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`:

```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.