1. Des produits
  2.   Font
  3.   Node.js
  4.   OpenType.js
 
  

Bibliothèque JavaScript gratuite pour l

Bibliothèque JavaScript open source qui permet d

Dans le domaine du développement web logiciel et de la typographie numérique, la gestion des fichiers de police et la création d'expériences de rendu de texte fluides peuvent être une tâche ardue. Cependant, travailler avec des polices OpenType peut être une tâche difficile, surtout lorsqu'il s'agit d'accéder à leurs fonctionnalités typographiques avancées. C'est là qu'intervient OpenType.js – une bibliothèque open-source révolutionnaire qui facilite le travail avec les polices OpenType dans le navigateur. L'un des principaux avantages d'OpenType.js est sa capacité à simplifier le processus de travail avec les polices OpenType. Contrairement à d'autres bibliothèques qui nécessitent une connaissance approfondie de la technologie des polices, OpenType.js offre une API simple qui facilite la prise en main.

OpenType.js est une bibliothèque JavaScript qui fournit une API simple et intuitive pour accéder aux fonctionnalités typographiques avancées des polices OpenType. Avec OpenType.js, les développeurs peuvent facilement accéder à des fonctionnalités telles que les ligatures, les glyphes alternatifs, les polices variables, etc., leur permettant de créer des conceptions typographiques complexes et sophistiquées. En plus d'analyser et de manipuler les polices existantes, opentype.js prend également en charge la création de nouveaux fichiers de police à partir de zéro. Cette fonctionnalité est précieuse pour les développeurs qui souhaitent générer des polices personnalisées de manière programmatique. En tant que bibliothèque JavaScript, opentype.js peut être utilisée à la fois côté client et côté serveur, ce qui en fait un choix flexible pour divers projets. Dans l'ensemble, c'est une bibliothèque puissante et polyvalente qui offre une manière simple et intuitive de travailler avec les polices OpenType dans le navigateur.

Previous Next

Premiers pas avec Opentype.js

La méthode recommandée pour installer OpenType.js est d'utiliser NPM. Veuillez utiliser la commande suivante pour une installation fluide.

Installer Opentype.js avec npm

 npm install opentype.js

Vous pouvez également l'installer manuellement ; téléchargez les derniers fichiers de version directement depuis le dépôt GitHub.

Analyse de polices dans les applications Node.js

Une des fonctionnalités principales d'OpenType.js est sa capacité à analyser les fichiers de polices OpenType et TrueType avec seulement quelques lignes de code JavaScript. Cela permet aux développeurs de logiciels de lire et de comprendre la structure d'une police, y compris ses glyphes, les informations de crénage et d'autres données essentielles. Dans l'exemple suivant, la police Roboto Regular est chargée à partir d'un fichier TTF. La bibliothèque analyse la police, rendant ses données disponibles pour une manipulation ultérieure.

Comment charger et analyser une police à partir d'un fichier TTF dans Node.js ??

const opentype = require('opentype.js');

// Load a font from a file
opentype.load('fonts/Roboto-Regular.ttf', function(err, font) {
    if (err) {
        console.error('Font could not be loaded:', err);
    } else {
        console.log('Font loaded successfully:', font);
        console.log('Number of glyphs:', font.numGlyphs);
    }
});

Accéder et manipuler les glyphes de police dans Node.js

La bibliothèque open source Node.js OpenType.js permet aux développeurs de logiciels d'accéder et de manipuler des glyphes individuels au sein d'une police dans les applications Node.js. Les glyphes sont les représentations visuelles des caractères d'une police. Avec cette fonctionnalité, vous pouvez extraire les chemins des glyphes, les modifier, ou même créer de nouveaux glyphes. Voici un extrait de code qui charge une police, récupère le glyphe du caractère "A," et agrandit ensuite le glyphe de 1,5 fois sa taille originale. La méthode toPathData() convertit le chemin du glyphe en données de chemin SVG, qui peuvent être utilisées pour le rendu ou une manipulation supplémentaire.

Comment charger une police et modifier un glyphe dans les applications Node.js ?

const opentype = require('opentype.js');

// Load a font and modify a glyph
opentype.load('fonts/Roboto-Regular.ttf', function(err, font) {
    if (err) {
        console.error('Font could not be loaded:', err);
    } else {
        const glyph = font.charToGlyph('A');
        console.log('Original Glyph Path:', glyph.path.toPathData());

        // Modify the glyph path (e.g., scale it)
        glyph.path.scale(1.5);
        console.log('Scaled Glyph Path:', glyph.path.toPathData());
    }
});

Travailler avec les tables de polices via la bibliothèque Node.js

OpenType.js donne aux développeurs accès aux tables de polices sous-jacentes, qui stockent des informations détaillées sur la conception et les métriques de la police. Cela peut être particulièrement utile pour des manipulations ou des analyses de polices avancées. Le fragment de code dans l'exemple suivant montre comment accéder à des tables de polices spécifiques, telles que la table head (qui contient les informations d'en-tête de la police) et la table hhea (qui contient les métriques d'en-tête horizontal). Ces tables fournissent des détails essentiels qui peuvent être utilisés pour un contrôle précis du rendu et de la mise en page des polices.

Comment accéder à des tables de police spécifiques et à la police qu'elles contiennent en utilisant une bibliothèque Node.js ?

const opentype = require('opentype.js');

opentype.load('path/to/font.ttf', function(err, font) {
  if (err) {
    console.error('Font could not be loaded: ' + err);
  } else {
    // Access the 'head' table (font header)
    const headTable = font.tables.head;
    console.log('Units per Em: ' + headTable.unitsPerEm);

    // Access the 'hhea' table (horizontal header)
    const hheaTable = font.tables.hhea;
    console.log('Ascender: ' + hheaTable.ascender);
    console.log('Descender: ' + hheaTable.descender);
  }
});
 Français