¿Cuánto más pequeño será el tamaño del archivo?

Depende del número de caracteres, pero no es raro que un archivo de varios megabytes se reduzca a cientos de kilobytes (más del 90% de reducción) al extraer unos cientos de caracteres de una fuente CJK.

¿Las fuentes subidas se guardan en un servidor?

No, no lo hacen. Todo el procesamiento se completa en tu computadora utilizando JavaScript del navegador (opentype.js), por lo que incluso fuentes comerciales altamente confidenciales se pueden utilizar de manera segura.

¿Puedo usar la fuente creada comercialmente?

Esta herramienta solo realiza el proceso de creación del subconjunto. Si la fuente de salida se puede utilizar comercialmente depende de la licencia de la fuente original. Verifica los términos de uso de la fuente original.

¿Admiten el formato WOFF2?

Esta herramienta exporta en formato TTF. Por favor, utiliza una herramienta dedicada separada para convertir a WOFF2 u otros formatos.

¿Cómo evito los caracteres omitidos o la codificación incorrecta?

Si se incluyen caracteres especiales como pares subrogados o emojis, asegúrate de ingresarlos manualmente en el campo de caracteres personalizados.

🔤

font subsetter,

Subconjunto de Fuentes

Reduce el tamaño del archivo de fuentes extrayendo
solo los caracteres que necesitas en tu navegador.

✨

Alta Precisión

Extracción con opentype.js

🔒

Totalmente Offline

Seguro, sin subir datos

⚡

Fácil Configuración

Ajustes de caracteres versátiles

1. Cargar Archivo de Fuente

📁

Haz clic o arrastra y suelta para cargar un archivo de fuente

Soporta TTF / OTF / WOFF

Seleccionar Preajustes (Múltiples)

Agregar Caracteres Personalizados

Caracteres de Destino (Caracteres únicos finales) Cantidad: 0 caracteres

Generador de Imágenes Responsivas

🎨

Búsqueda de Iconos SVG

🔤

Vista Previa de Tipografía

about,

Acerca de la Herramienta

El Subconjunto de Fuentes es una herramienta para desarrolladores que crea un archivo de fuente nuevo y liviano extrayendo solo los caracteres específicos que necesitas de archivos TTF, OTF o WOFF. Es especialmente eficaz para fuentes con una gran cantidad de glifos, como las fuentes japonesas o chinas, donde puede reducir el tamaño del archivo en más del 90%, mejorando significativamente la velocidad de carga de tu sitio web (LCP, etc.).

Esta herramienta utiliza "opentype.js" para procesar todo directamente dentro de tu navegador web. Tus archivos de fuentes nunca se cargan en ningún servidor externo. Puedes procesar de forma segura incluso fuentes comerciales altamente confidenciales de manera completamente fuera de línea.

how to,

Cómo Usar el Subconjunto de Fuentes

PASO 1

Cargar Archivo de Fuente

Arrastra y suelta o haz clic para seleccionar el archivo de fuente (TTF/OTF, etc.) que deseas optimizar en el área de carga en la parte superior de la pantalla.

PASO 2

Seleccionar Caracteres

En la pestaña "Caracteres de Destino", elige ajustes preestablecidos (ASCII, Hiragana, etc.) o ingresa directamente los caracteres específicos que tienes la intención de usar.

PASO 3

Generar y Previsualizar

Haz clic en "Generar Subconjunto" para un procesamiento instantáneo. Revisa la pestaña "Vista Previa" para ver la fuente en acción, y descárgala si se ve bien.

glossary,

Glosario Relacionado

Subconjunto (Subsetting): El proceso de eliminar datos de caracteres (glifos) innecesarios de un archivo de fuente, dejando solo los caracteres requeridos para reducir el tamaño general del archivo. Utilizado principalmente para acelerar los tiempos de carga de las fuentes web.
Glifo: La representación visual o datos de forma de un carácter. Un solo archivo de fuente puede contener de miles a decenas de miles de glifos, haciendo que las fuentes CJK (Chino, Japonés, Coreano) sean particularmente grandes.
TTF (TrueType Font): Un formato estándar de fuentes de contorno desarrollado por Apple y Microsoft. Está ampliamente soportado en varios entornos, desde publicación de escritorio hasta aplicaciones web.
OTF (OpenType Font): Desarrollado conjuntamente por Adobe y Microsoft, OTF es una extensión de TTF. Soporta características tipográficas avanzadas como ligaduras y caracteres alternativos, haciéndolo popular para la tipografía profesional.
WOFF / WOFF2: Web Open Font Format, un formato optimizado (comprimido) específicamente para fuentes web. WOFF2 ofrece tasas de compresión superiores y es el formato recomendado para la entrega moderna de fuentes web.

faq,

Preguntas Frecuentes (FAQ)

Q.¿Cuánto más pequeño será el tamaño del archivo?: Depende del número de caracteres, pero no es raro que un archivo de varios megabytes se reduzca a cientos de kilobytes (más del 90% de reducción) al extraer unos cientos de caracteres de una fuente CJK.
Q.¿Las fuentes subidas se guardan en un servidor?: No, no lo hacen. Todo el procesamiento se completa en tu computadora utilizando JavaScript del navegador (opentype.js), por lo que incluso fuentes comerciales altamente confidenciales se pueden utilizar de manera segura.
Q.¿Puedo usar la fuente creada comercialmente?: Esta herramienta solo realiza el proceso de creación del subconjunto. Si la fuente de salida se puede utilizar comercialmente depende de la licencia de la fuente original. Verifica los términos de uso de la fuente original.
Q.¿Admiten el formato WOFF2?: Esta herramienta exporta en formato TTF. Por favor, utiliza una herramienta dedicada separada para convertir a WOFF2 u otros formatos.
Q.¿Cómo evito los caracteres omitidos o la codificación incorrecta?: Si se incluyen caracteres especiales como pares subrogados o emojis, asegúrate de ingresarlos manualmente en el campo de caracteres personalizados.

use cases,

Casos de Uso

Aquí hay escenarios comunes donde la creación de subconjuntos de fuentes proporciona beneficios significativos.

🚀

Rendimiento Web (Core Web Vitals)

La carga de fuentes web CJK de varios megabytes bloquea la representación y retrasa severamente la visibilidad del texto (LCP y FCP).

Solución: Al reducir la fuente para incluir solo los caracteres específicos utilizados en tu sitio, puedes comprimir el archivo a unos pocos cientos de kilobytes, permitiendo una representación de texto casi instantánea.

📱

Desarrollo de Aplicaciones Móviles y Juegos

Las aplicaciones móviles y los juegos enfrentan estrictos límites de tamaño de descarga y restricciones de almacenamiento, lo que requiere una optimización constante de los recursos.

Solución: Empaqueta una fuente reducida que contenga solo los glifos necesarios para tu interfaz de usuario y texto estático para reducir significativamente el tamaño general de la aplicación.

📄

Tipografía en Landing Pages (LP)

Cuando deseas utilizar fuentes de diseño pesadas y estilizadas para eslóganes y encabezados en una LP de campaña sin sacrificar la velocidad de carga.

Solución: Crea una fuente ultraligera que contenga solo las pocas docenas de caracteres utilizados en tus encabezados, ofreciendo una tipografía hermosa de forma instantánea.

✉️

Correos Electrónicos HTML e Incrustación en EPUB

Los correos electrónicos HTML restringen la carga de recursos externos, y los libros electrónicos EPUB tienen limitaciones estrictas de tamaño de archivo para activos incrustados.

Solución: Codifica en Base64 una fuente reducida mínima directamente en tu HTML o EPUB para garantizar una tipografía consistente sin violar los límites de tamaño o las restricciones de recuperación externa.

technology,

Implementación Técnica

Manipulación de Fuentes en el Lado del Cliente con opentype.js

Esta herramienta funciona con la biblioteca de código abierto opentype.js. Todo el proceso, desde analizar el archivo de fuente, extraer los glifos requeridos y generar un archivo de fuente nuevo y reconstruido, se ejecuta por completo dentro del motor JavaScript de tu navegador web.

A diferencia de los procesadores de fuentes en el lado del servidor, este enfoque elimina la necesidad de cargar y descargar archivos de fuentes masivos a través de la red, lo que resulta en tiempos de procesamiento mucho más rápidos. Más importante aún, garantiza total privacidad y seguridad, ya que tus archivos de fuentes (incluidas las licencias comerciales) nunca salen de tu dispositivo.