Files
videopeersjs/client/public/fonts/README.md
2025-09-16 01:54:29 +02:00

58 líneas
1.9 KiB
Markdown

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