API JavaScript gratuita para cargar, analizar y renderizar fuentes de Google

Comenzando con Fontra

La forma recomendada de instalar Fontra es usando npm. Por favor, use el siguiente comando para agregar la dependencia de maven en su proyecto.

npm install @fredli74/typr --save-dev

pip install --upgrade pip
pip install -r requirements.txt
pip install -e 

Cargar y gestionar fuentes en Node.js

Cargar fuentes de forma dinámica es una de las funcionalidades principales de Fontra. La API de código abierto de Fontra facilita a los desarrolladores de software cargar varios tipos de fuentes y realizar diferentes operaciones dentro de aplicaciones JavaScript. El mecanismo de carga de fuentes de la API garantiza una carga eficiente y optimizada, reduciendo el riesgo de errores relacionados con fuentes y mejorando el rendimiento general. Fontra ofrece herramientas robustas para gestionar fuentes, incluyendo métodos para comprobar si una fuente está cargada, descargar fuentes y listar todas las fuentes cargadas. Aquí hay un ejemplo sencillo que muestra cómo cargar fuentes dentro de una aplicación web.

import { loadFont } from 'fontra';

loadFont('Roboto').then(() => {
    console.log('Roboto font has been loaded successfully');
}).catch(error => {
    console.error('Failed to load Roboto font', error);
});

Manipulación de fuentes y optimización del rendimiento

Fontra permite a los desarrolladores de software cargar y manipular fuentes ajustando sus propiedades como peso, estilo y variante. Esta flexibilidad garantiza que las fuentes puedan adaptarse a los requisitos de diseño de la aplicación. Al gestionar las fuentes de forma programática, Fontra ayuda a optimizar el rendimiento web. Los desarrolladores pueden cargar fuentes de manera condicional según las interacciones del usuario u otros criterios, asegurando que los recursos se utilicen de forma eficiente. El siguiente ejemplo muestra cómo los desarrolladores de software pueden cargar fuentes y aplicar varios tipos de propiedades dentro de aplicaciones JS.

import { loadFont, applyFontProperties } from 'fontra';

// Load a font and apply properties
loadFont('Open Sans').then(() => {
    applyFontProperties('Open Sans', {
        weight: 700,
        style: 'italic'
    });
    console.log('Open Sans with properties has been applied');
});

Descubrimiento y búsqueda de fuentes en aplicaciones web

La API de código abierto Fontra ofrece soporte completo para buscar fuentes dentro de aplicaciones JavaScript. La API es muy fácil de manejar y brinda la capacidad de buscar fuentes según varios criterios como estilo, peso y clasificación. Esto es particularmente útil cuando los desarrolladores desean explorar opciones de fuentes de forma programática o crear una herramienta de selección de fuentes dentro de su aplicación web. El fragmento a continuación muestra una búsqueda simple de fuentes con el nombre de familia 'Roboto'. El objeto devuelto contiene metadatos, incluidos los estilos, pesos y URL de descarga disponibles.

const fonts = fontra.searchFonts({ family: 'Roboto' });
console.log(fonts);

Soporte de acceso a metadatos de fuentes

La API de Fontra permite a los desarrolladores de software acceder a metadatos detallados de fuentes, como el nombre de la familia, la categoría, los subconjuntos disponibles y más dentro de sus propias aplicaciones web. Esta característica es crucial para los desarrolladores que necesitan tomar decisiones informadas sobre la elección de fuentes basándose en características como el soporte de idiomas o la diversidad de estilos. Este código recupera información detallada sobre la fuente 'Roboto', incluidos sus variantes disponibles y los subconjuntos compatibles.

const fontDetails = fontra.getFont('Roboto');
console.log(fontDetails);