Cargas de Página Más Rápidas
Los archivos de fuente más pequeños se descargan más rápido, mejorando la métrica LCP (Largest Contentful Paint), que es crucial para el rendimiento del sitio.
Reduce el tamaño del archivo de fuente web creando un subconjunto de fuentes. Conserva solo los caracteres que necesitas, con soporte para caracteres personalizados, rangos Unicode y una vista previa en vivo. Mejora el rendimiento de tu sitio y los Core Web Vitals.
Un creador de subconjuntos de fuentes reduce el tamaño de los archivos de fuente extrayendo solo los caracteres (glifos) que realmente necesitas. Un archivo de fuente completo puede contener miles de glifos para múltiples idiomas, pero un sitio web típicamente usa solo unos pocos cientos. Crear un subconjunto de una fuente de 500 KB a 50 KB mejora drásticamente la velocidad de carga. Esta herramienta procesa las fuentes localmente usando HarfBuzz (hb-subset): no se sube ningún archivo de fuente.
Conserva solo los caracteres que tu sitio web realmente usa. Soporta TTF, OTF, WOFF y WOFF2 con rangos Unicode y vista previa en vivo — todo en tu navegador.
Sube tu archivo de fuente .TTF, .OTF, .WOFF o .WOFF2 usando el área de arrastrar y soltar.
Introduce todos los caracteres que se usan realmente en tu sitio en el cuadro de texto. También puedes añadir rangos Unicode comunes, como U+4E00-9FFF para caracteres chinos.
Haz clic en 'Crear Subconjunto'. La herramienta generará un nuevo archivo de fuente más pequeño. Descarga la fuente optimizada y úsala en tu proyecto. El formato de salida (TTF u OTF) se determina automáticamente a partir del formato de contorno de la fuente.
Los archivos de fuente más pequeños se descargan más rápido, mejorando la métrica LCP (Largest Contentful Paint), que es crucial para el rendimiento del sitio.
Los usuarios ven tu contenido de texto más rápido, reduciendo los tiempos de espera, lo que puede disminuir las tasas de rebote y aumentar la satisfacción.
La velocidad de la página es un factor de clasificación clave para motores de búsqueda como Google. Optimizar las fuentes es una forma poderosa de mejorar tu puntuación de Core Web Vitals.
Tus archivos de fuente se procesan localmente. Nunca se suben, nunca se almacenan, nunca se envían a un servidor.
Los archivos de fuente modernos (OTF, TTF, WOFF, WOFF2) contienen mucho más que formas de letras. Una fuente latina típica incluye letras mayúsculas y minúsculas, dígitos, puntuación, caracteres acentuados, ligaduras, glifos alternativos, pares de kerning y funciones OpenType (versalitas, figuras de estilo antiguo, alternantes contextuales). Una familia de fuentes completa puede incluir más de 1.000 glifos. Cuando usas una fuente en un sitio web que solo muestra texto en inglés, estás enviando el 90% de los datos de la fuente sin usar — desperdiciando ancho de banda y ralentizando la carga de la página.
La creación de subconjuntos resuelve esto extrayendo solo los glifos que necesitas. Para un sitio solo en inglés, podrías necesitar solo los 95 caracteres ASCII imprimibles, reduciendo la fuente de 500 KB a 20-50 KB. Para un sitio que usa latín básico + caracteres acentuados comunes, podrías necesitar 200 glifos. La herramienta de subconjuntos usa HarfBuzz (hb-subset) para analizar la estructura binaria de la fuente, extraer los glifos especificados y sus métricas asociadas (kerning, avances) y reconstruir un archivo de fuente válido solo con esos glifos.
El formato WOFF2 proporciona compresión adicional además del subconjunto. WOFF2 usa compresión Brotli, que logra archivos 20-40% más pequeños que WOFF. Los navegadores modernos (Chrome, Firefox, Safari, Edge) son todos compatibles con WOFF2. El enfoque óptimo es crear un subconjunto de la fuente con los glifos necesarios, luego codificarla como WOFF2 para máxima compresión. Una fuente TTF de 500 KB puede reducirse a un subconjunto WOFF2 de 15 KB — una reducción del 97%.
Para la mayoría de los sitios web, la estrategia más simple es crear un subconjunto del rango Latín Básico de Unicode (U+0020 a U+007E), que cubre todos los caracteres ASCII. Esto es suficiente para contenido en inglés. Para sitios multiidioma, crea subconjuntos de los rangos Unicode específicos necesarios para cada idioma y usa la propiedad CSS unicode-range para cargar solo el subconjunto relevante en cada página. Google Fonts usa esta técnica: sirve diferentes subconjuntos según el contenido de la página.
Al crear subconjuntos, ten cuidado de no eliminar glifos referenciados por funciones OpenType. Por ejemplo, la función de versalitas (smcp) reemplaza letras minúsculas por versiones en mayúsculas pequeñas — si eliminas los glifos de versalitas, la función se romperá. Nuestra herramienta conserva las definiciones de funciones de la fuente pero solo incluye los glifos que especificas. Si necesitas funciones OpenType, incluye todos los glifos que esas funciones referencian. Para texto corporal en la web, a menudo es mejor desactivar las funciones OpenType complejas y crear un subconjunto solo con las formas de letras básicas.
Una comparación lado a lado de herramientas populares de subconjuntos de fuentes.
| Característica | NeatForge | Font Squirrel | Everything Fonts |
|---|---|---|---|
| Privacidad (sin subida) | 100% navegador | Sube al servidor | Sube al servidor |
| Entrada TTF, OTF, WOFF, WOFF2 | Todos los formatos | SÍ | Limitado |
| Salida WOFF2 | solo TTF/OTF | SÍ | |
| Conjuntos de caracteres personalizados | SÍ | SÍ | Limitado |
| Conserva las funciones OpenType | SÍ | SÍ | |
| Fuentes emoji en color (COLR/CBDT) | SÍ | ||
| Sin registro | SÍ | Se requiere correo |
Font Squirrel y otras herramientas de subconjuntos basadas en servidor requieren subir tus archivos de fuente. Nuestra herramienta usa HarfBuzz (hb-subset) para analizar y crear subconjuntos de fuentes completamente en tu navegador — tus fuentes personalizadas o con licencia nunca abandonan tu dispositivo.
Esta herramienta se ejecuta completamente en su navegador. Sus archivos no se suben, almacenan ni analizan.
Incluso si su conexión a internet se cae, sus archivos permanecen seguros.
Aprende a decodificar un JWT: sus tres partes (header.payload.signature), qué significan iat/nbf/exp y la diferencia entre decodificar y verificar.
Aprende qué es Base64, cuándo usar Base64 estándar o seguro para URL, y cómo codificar o decodificar texto localmente en el navegador.
Aprende a escribir texto alternativo efectivo para el comercio electrónico. Nuestra guía proporciona patrones prácticos y ejemplos para imágenes de productos, ayudándote a mejorar el SEO y la accesibilidad.