API JavaScript gratuite pour charger, analyser et rendre les polices Google

Premiers pas avec Fontra

La méthode recommandée pour installer Fontra est d'utiliser npm. Veuillez utiliser la commande suivante pour ajouter la dépendance Maven à votre projet.

npm install @fredli74/typr --save-dev

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

Charger et gérer les polices dans Node.js

Le chargement dynamique des polices est l'une des fonctionnalités principales de Fontra. L'API open source de Fontra facilite aux développeurs de logiciels le chargement de différents types de polices et l'exécution de diverses opérations au sein des applications JavaScript. Le mécanisme de chargement des polices de l'API garantit un chargement efficace et optimisé, réduisant le risque d'erreurs liées aux polices et améliorant les performances globales. Fontra fournit des outils robustes pour gérer les polices, y compris des méthodes pour vérifier si une police est chargée, décharger des polices et lister toutes les polices chargées. Voici un exemple simple qui montre comment charger des polices dans une application 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);
});

Manipulation des polices et optimisation des performances

Fontra permet aux développeurs de logiciels de charger et de manipuler les polices en ajustant leurs propriétés telles que le poids, le style et la variante. Cette flexibilité garantit que les polices peuvent être adaptées aux exigences de conception de l'application. En gérant les polices de manière programmatique, Fontra aide à optimiser les performances web. Les développeurs peuvent charger les polices de façon conditionnelle en fonction des interactions utilisateur ou d'autres critères, assurant ainsi une utilisation efficace des ressources. L'exemple suivant montre comment les développeurs peuvent charger des polices et appliquer différents types de propriétés dans les applications 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');
});

Découverte et recherche de polices dans les applications Web

L'API open source Fontra offre un support complet pour la recherche de polices dans les applications JavaScript. L'API est très facile à utiliser et permet de rechercher des polices selon divers critères tels que le style, le poids et la classification. Cela est particulièrement utile lorsque les développeurs souhaitent explorer les options de polices de manière programmatique ou créer un outil de sélection de polices au sein de leur application web. Le fragment ci‑dessous montre une recherche simple de polices portant le nom de famille « Roboto ». L'objet retourné contient des métadonnées, y compris les styles disponibles, les poids et les URL de téléchargement.

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

Prise en charge de l'accès aux métadonnées des polices

L'API Fontra permet aux développeurs de logiciels d'accéder à des métadonnées détaillées sur les polices, telles que le nom de famille, la catégorie, les sous‑ensembles disponibles, et plus encore dans leurs propres applications web. Cette fonctionnalité est cruciale pour les développeurs qui doivent prendre des décisions éclairées concernant le choix des polices en fonction de caractéristiques comme la prise en charge des langues ou la diversité des styles. Ce code récupère des informations détaillées sur la police 'Roboto', y compris ses variantes disponibles et les sous‑ensembles pris en charge.

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