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.
Subconjunto de Fuentes
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.
Publicidad
Publicidad
A font subsetter reduces font file sizes by extracting only the characters (glyphs) you actually need. A full font file may contain thousands of glyphs for multiple languages, but a website typically uses only a few hundred. Subsetting a font from 500 KB to 50 KB dramatically improves page load speed. This tool processes fonts locally using opentype.js -- no font files are uploaded.
Reduce archivos de fuente en 80-95% sin subirlos
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.
Faster page loads
100% privado
Gratis ilimitado
Como usarlo
- 1
Sube la Fuente
Sube tu archivo de fuente .TTF, .OTF, .WOFF o .WOFF2 usando el área de arrastrar y soltar.
- 2
Especifica los Caracteres
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.
- 3
Elige el Formato de Salida
Selecciona el formato de salida deseado, ya sea OTF o TTF, desde la configuración de exportación.
- 4
Crea el Subconjunto y Descarga
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.
¿Por Qué Crear un Subconjunto de Tus Fuentes?
Mejor Experiencia de Usuario
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.
Mejora de los Web Vitals
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.
Publicidad
Understanding Font Subsetting
Por qué los archivos de fuente son tan grandes
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.
Font subsetting solves this by extracting only the glyphs you need. For an English-only website, you might need just the 95 printable ASCII characters -- reducing the font from 500 KB to 20-50 KB. For a site that uses basic Latin + common accented characters, you might need 200 glyphs. The subsetting tool uses opentype.js to parse the font's binary structure, extract the specified glyphs and their associated metrics (kerning, advance widths), and rebuild a valid font file with only those glyphs.
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%.
Publicidad
Practical subsetting strategies
For most websites, the simplest strategy is to subset to the Unicode Basic Latin range (U+0020 to U+007E), which covers all ASCII characters. This is sufficient for English content. For multilingual sites, subset to the specific Unicode ranges needed for each language and use the unicode-range CSS property to load only the relevant subset for each page. Google Fonts uses this technique -- it serves different subsets based on the page's content.
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.
Publicidad
¿Cómo se compara con otras herramientas de subconjuntos de fuentes?
Una comparación lado a lado de herramientas populares de subconjuntos de fuentes.
| Característica | NovaTools | Font Squirrel | Everything Fonts |
|---|---|---|---|
| Privacidad (sin subida) | 100% navegador | Sube al servidor | Sube al servidor |
| Entrada TTF, OTF, WOFF | Todos los formatos | SÍ | Limitado |
| WOFF2 output | SÍ | SÍ | |
| Custom character sets | SÍ | SÍ | Limitado |
| Preserves OpenType features | SÍ | SÍ | |
| Sin registro | SÍ | Email required |
Font Squirrel y otras herramientas de subconjuntos basadas en servidor requieren subir tus archivos de fuente. Nuestra herramienta usa opentype.js para analizar y crear subconjuntos de fuentes completamente en tu navegador — tus fuentes personalizadas o con licencia nunca abandonan tu dispositivo.
Preguntas frecuentes
¿Mi archivo de fuente es seguro? ¿Se sube a algún servidor?
Sí, es 100% seguro. Todo el procesamiento de la fuente ocurre localmente en tu navegador. Tu archivo de fuente nunca se sube a nuestros servidores, garantizando que tus datos permanezcan privados.
¿Por qué mi archivo de fuente se hizo MÁS GRANDE después de crear el subconjunto?
Esto puede ocurrir con fuentes originales muy pequeñas o altamente optimizadas. La herramienta reconstruye el archivo de fuente desde cero, y esta nueva estructura a veces puede ser menos compacta que la original. Si esto ocurre, significa que tu fuente ya es muy eficiente y deberías seguir usando el archivo original.
¿Qué formato de salida debo elegir: OTF o TTF?
Para el desarrollo web moderno, ambos son excelentes puntos de partida. Después de crear el subconjunto, la mejor práctica es convertir la fuente resultante al formato `.woff2` para una compresión máxima.
¿Puedo usar la fuente del subconjunto en proyectos comerciales?
Debes cumplir con la licencia de la fuente original que subes. Crear un subconjunto de una fuente no cambia su licencia. Asegúrate de tener los derechos para modificar y usar la fuente para tus propósitos.
¿Cuánto puedo reducir el tamaño de mi archivo de fuente?
La cantidad de reducción depende del tamaño original de la fuente y del número de caracteres que conserves. Una fuente latina típica contiene 400-700 glifos (incluyendo mayúsculas, minúsculas, números, puntuación, caracteres acentuados y símbolos) y pesa 80-200 KB como TTF. Si creas un subconjunto con solo los 50-80 caracteres usados en un sitio web típico en inglés (A-Z, a-z, 0-9, puntuación básica), el tamaño del archivo baja a 15-40 KB — una reducción del 80%. Las fuentes CJK (chino, japonés, coreano) pueden ser dramáticamente más grandes (5-20 MB) porque contienen miles de caracteres. Crear un subconjunto de una fuente CJK con los 2.000 caracteres más comunes puede reducir el tamaño del archivo en un 90%+.
¿Qué caracteres debo incluir en mi subconjunto?
Como mínimo, incluye todos los caracteres que aparecen en tu sitio web: mayúsculas A-Z, minúsculas a-z, dígitos 0-9 y todos los signos de puntuación usados en tu contenido (puntos, comas, comillas, guiones, etc.). Incluye también cualquier carácter especial específico de tu contenido (símbolos de moneda, operadores matemáticos, flechas). Para sitios multiidioma, incluye los caracteres acentuados de cada idioma que admitas (por ejemplo, à, é, ü, ñ para francés, alemán, español). Para sitios CJK, incluye los 1.000-3.500 caracteres más comunes de tu idioma. Un buen enfoque es escanear el contenido de texto de tu sitio web y extraer el conjunto único de caracteres — esto asegura que no omitas ningún carácter mientras mantienes el subconjunto lo más pequeño posible.
¿Qué son los rangos Unicode y cómo los uso?
Unicode ranges (like U+0041-005A for uppercase A-Z) specify a contiguous block of characters in the Unicode standard. The tool accepts both individual characters and Unicode ranges in the input field. For example, 'A-Za-z0-9' specifies all ASCII letters and digits. 'U+4E00-9FFF' specifies the CJK Unified Ideographs block (common Chinese characters). 'U+3040-309F' specifies Hiragana (Japanese). You can combine characters and ranges: 'Hello World U+4E00-9FFF' would include the characters in 'Hello World' plus all common Chinese characters. This is useful for multi-language websites that need both Latin and CJK characters.
¿El subconjunto afectará la calidad de renderizado de la fuente?
No. El subconjunto conserva exactamente los mismos contornos de glifos, instrucciones de hinting y pares de kerning que la fuente original — simplemente elimina los glifos que no necesitas. Los caracteres que permanecen en la fuente subconjuntada se renderizarán de forma idéntica a la fuente original en todos los tamaños. La única diferencia visible es que los caracteres no incluidos en el subconjunto no se renderizarán (caerán a la fuente predeterminada del navegador o aparecerán como cuadros en blanco). Por eso es importante incluir todos los caracteres que usa tu sitio web — si olvidas un carácter, no estará disponible en la fuente subconjuntada. La vista previa en vivo te permite verificar que todo tu texto se renderiza correctamente antes de descargar.
Su privacidad es nuestra prioridad
Esta herramienta se ejecuta completamente en su navegador. Sus archivos no se suben, almacenan ni analizan.
- No subimos, almacenamos ni analizamos sus archivos.
- Todo lo que procesa permanece en su dispositivo.
- No hay procesamiento del lado del servidor, ni almacenamiento en la nube, ni análisis.
Incluso si su conexión a internet se cae, sus archivos permanecen seguros.
También te podría gustar
Explorar este tema
Guias utiles
Cómo decodificar un token JWT (Header, Payload, Signature)
Aprende a decodificar un JWT: sus tres partes (header.payload.signature), qué significan iat/nbf/exp y la diferencia entre decodificar y verificar.
Cómo codificar y decodificar texto Base64 de forma segura
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.
Accesibilidad: Patrones de Texto Alternativo para Imágenes de Productos
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.
Publicidad