58 líneas
1.9 KiB
Markdown
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. |