fontfreeze

Borde

Variaciones y características de congelación en la fuente.

Introducción

Las fuentes modernas de OpenType admiten variaciones y características que permiten fuentes personalizables. El problema es que no todos los entornos respaldan estos mecanismos. IDES, como Visual Studio, solo admite la elección de la familia de fuentes y el tamaño de la fuente, sin ninguna opción para seleccionar variantes o características de alternativa. FontFreeze es una herramienta que le permite crear una instancia personalizada de una fuente determinada, para que pueda usar exactamente la fuente que desea en esos entornos.

• Puramente front-end, sin retraso de carga para archivos de fuentes grandes.
• Resultados de vista previa instantáneamente en su navegador.
• Exportaciones a formatos TTF o WOFF2.
• Admite características de ligadura congelada.
• Admite la mayoría de las fuentes heredadas.

Cómo usarlo

Simplemente visite https://mutsuntsai.github.io/fontfreeze para iniciar la aplicación, ¡no se requiere instalación!

A medida que abre un archivo .ttf, le mostrará la información de fuente y las opciones disponibles. Luego puede seleccionar una variante particular (para fuentes variables) seleccionando una de las instancias predefinidas o personalizar cada eje variable. También puede seleccionar las características que desea activar (o desactivar) de la lista de funciones:

• Para el significado de cada característica, busque el manual del usuario de su fuente. En la mayoría de los casos, la característica que está buscando será entre cv01 - cv99 , ss01 - ss20 , zero , onum , etc.
• La mayoría de las fuentes de codificación tienen sus ligaduras de codificación definidas en la función calt . Si desea deshabilitar completamente las ligaduras, la desactivación de calt generalmente hará el truco.
• Dejar una función en blanco significa mantener su comportamiento predeterminado (que puede o no activarse dependiendo del entorno).
• Hay dos modos de submeting: eliminar ciertos glifos de la fuente (útil cuando desea que esos personajes se vuelvan de retroceso a otras fuentes), o solo mantenga ciertos glifos (útil cuando solo necesita unos pocos caracteres para su sitio web, por ejemplo).

Finalmente, haga clic en Generate font! para generar tu fuente. ¡Es así de simple!

Consejos:

• Siempre que sea posible, use una versión no variable de la fuente como punto de partida, ya que probablemente dará una mejor sugerencia que la variable.
• El texto de vista previa es editable. Puede poner cualquier código fuente de muestra para obtener una vista previa del resultado.
• Si tiene varias pantallas con diferentes DPI, una vista previa de cada uno de ellos para asegurarse de que el resultado sea perfecto.
• Para trabajar con fuentes nerd, asegúrese de congelar primero la fuente y luego parche. Hazlo a la otra forma podría conducir a un error (ver #8).

Cómo funciona

FontFreeze usa FontTools, una biblioteca de Python para manipular fuentes. Luego, utiliza pyodida para ejecutar el código de Python directamente en su navegador a través de WebAssembly, por lo que es puramente front-end y nada se almacena en el back-end. La parte de la interfaz de usuario está construida con petite-vue y bootstrap.

La forma en que FontFreeze desactiva una característica es eliminar todas las búsquedas dentro de ella, y activa una característica al mover todas las búsquedas en calt , que generalmente se activa de forma predeterminada en la mayoría de los entornos. Si esto no funciona para un entorno en particular, también puede intentar cambiar la configuración de "función de destino para activación" a rvrn (que está más forzado que calt por la especificación Opentype; tenga en cuenta que en este caso, también puede necesitar activar calt para que otras características funcionen).

Dado que la versión 1.3, además de dicho enfoque, también existe una opción para aplicar la sustitución real del glifo para las características de glifo único (que está encendido por defecto) para una máxima compatibilidad en diferentes entornos.

Reconocimiento

FontFreeze está especialmente inspirado en el Proyecto VFIT, y utilicé muchas partes del código fuente de él. Otros proyectos que inspiraron FontFreeze incluyen:

• OpenType de funciones congelador, para inspirar el nombre (aunque utilicé un enfoque adicional para congelar las características).
• Fontdrop!, Para inspirar la interfaz de usuario.
• Fuentes de codificación (el sitio original ya no funciona, pero aquí hay un clon de ello), para inspirar el texto de vista previa predeterminada.
• Tipografía de Microsoft, para mantener una documentación detallada sobre las especificaciones de OpenType.
• Font Squirrel Webfont Generator, por no trabajar en ninguna de las fuentes que quería transmitirlo y obligarme a crear mi propia herramienta.

El banner "FontFreeze" se genera con el generador de texto.