Darmowe API JavaScript do ładowania, parsowania i renderowania czcionek Google

Rozpoczęcie pracy z Fontra

Zalecanym sposobem instalacji Fontra jest użycie npm. Proszę użyć następującego polecenia, aby dodać zależność Maven w swoim projekcie.

npm install @fredli74/typr --save-dev

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

Ładowanie i zarządzanie czcionkami w Node.js

Ładowanie czcionek dynamicznie jest jedną z podstawowych funkcji Fontra. Otwarta API Fontra ułatwia programistom oprogramowania ładowanie różnych typów czcionek i wykonywanie różnych operacji w aplikacjach JavaScript. Mechanizm ładowania czcionek API zapewnia efektywne i zoptymalizowane ładowanie czcionek, zmniejszając ryzyko błędów związanych z czcionkami i poprawiając ogólną wydajność. Fontra oferuje solidne narzędzia do zarządzania czcionkami, w tym metody sprawdzania, czy czcionka jest załadowana, odładowywania czcionek oraz wyświetlania listy wszystkich załadowanych czcionek. Oto prosty przykład, który pokazuje, jak ładować czcionki w aplikacji internetowej.

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);
});

Manipulacja czcionkami i optymalizacja wydajności

Fontra umożliwia programistom ładowanie i manipulowanie czcionkami poprzez dostosowywanie ich właściwości, takich jak grubość, styl i wariant. Ta elastyczność zapewnia, że czcionki mogą być dopasowane do wymagań projektowych aplikacji. Zarządzając czcionkami programowo, Fontra pomaga optymalizować wydajność sieci. Programiści mogą ładować czcionki warunkowo, w zależności od interakcji użytkownika lub innych kryteriów, zapewniając efektywne wykorzystanie zasobów. Poniższy przykład pokazuje, jak programiści mogą ładować czcionki i stosować różne rodzaje właściwości w aplikacjach 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');
});

Odkrywanie czcionek i wyszukiwanie w aplikacjach internetowych

Otwartoźródłowe API Fontra zapewnia pełne wsparcie w wyszukiwaniu czcionek w aplikacjach JavaScript. API jest bardzo łatwe w obsłudze i umożliwia wyszukiwanie czcionek na podstawie różnych kryteriów, takich jak styl, grubość i klasyfikacja. Jest to szczególnie przydatne, gdy programiści chcą programowo badać opcje czcionek lub tworzyć narzędzie wyboru czcionek w swojej aplikacji internetowej. Poniższy fragment kodu demonstruje proste wyszukiwanie czcionek o nazwie rodziny „Roboto”. Zwrócony obiekt zawiera metadane, w tym dostępne style, grubości i adresy URL do pobrania.

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

Wsparcie dostępu do metadanych czcionek

API Fontra umożliwia programistom dostęp do szczegółowych metadanych czcionek, takich jak nazwa rodziny, kategoria, dostępne podzbiory i wiele innych w ich własnych aplikacjach internetowych. Ta funkcja jest kluczowa dla programistów, którzy muszą podejmować świadome decyzje dotyczące wyboru czcionek na podstawie cech, takich jak wsparcie językowe czy różnorodność stylów. Ten kod pobiera szczegółowe informacje o czcionce „Roboto”, w tym dostępne warianty i obsługiwane podzbiory.

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