Google Şriftlərini Yükləmək, Təhlil Etmək və Renderləmək üçün Pulsuz JavaScript API

Fontra ilə Başlamaq

Fontra-nı quraşdırmağın tövsiyə olunan yolu npm istifadə etməkdir. Layihənizə Maven asılılığını əlavə etmək üçün aşağıdakı əmri istifadə edin.

npm install @fredli74/typr --save-dev

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

Node.js-də Şriftləri Yükləyin və İdarə Edin

Şriftləri dinamik yükləmək Fontra-nın əsas funksionallıqlarından biridir. Açıq mənbəli Fontra API-si proqram inkişaf etdiricilərinə müxtəlif növ şriftləri yükləmək və JavaScript tətbiqləri daxilində müxtəlif əməliyyatları yerinə yetirmək üçün asanlıq yaradır. API-nin şrift yükləmə mexanizmi səmərəli və optimallaşdırılmış şrift yüklənməsini təmin edir, şriftlə bağlı səhvlərin riskini azaldır və ümumi performansı yaxşılaşdırır. Fontra şriftlərin idarə olunması üçün güclü alətlər təqdim edir, o cümlədən şriftin yüklənib-yüklənmədiyini yoxlamaq, şriftləri boşaltmaq və bütün yüklənmiş şriftləri siyahıya almaq metodları. Budur, veb tətbiqində şriftləri necə yükləmək göstərən sadə bir nümunə.

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

Şrift Manipulyasiyası və Performans Optimallaşdırması

Fontra proqram təminatı inkişaf etdiricilərinə şriftləri yükləmək və onların çəki, stil və variant kimi xüsusiyyətlərini tənzimləməklə idarə etməyə imkan verir. Bu çeviklik şriftlərin tətbiqin dizayn tələblərinə uyğunlaşdırılmasını təmin edir. Şriftləri proqramlaşdırılmış şəkildə idarə etməklə, Fontra veb performansını optimallaşdırmağa kömək edir. İnkişaf etdiricilər şriftləri istifadəçi qarşılıqlı əlaqələri və ya digər meyarlara əsaslanaraq şərti şəkildə yükləyə bilərlər, bu da resursların səmərəli istifadəsini təmin edir. Aşağıdakı nümunə, proqram təminatı inkişaf etdiricilərinin JS tətbiqlərində şriftləri necə yükləyə biləcəyini və müxtəlif növ xüsusiyyətləri tətbiq edə biləcəyini göstərir.

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

Veb Tətbiqlərində Şrift Kəşfi və Axtarışı

Açıq mənbəli Fontra API-si JavaScript tətbiqlərində şrift axtarışı üçün tam dəstək verir. API-ni idarə etmək çox asandır və stil, çəki və təsnifat kimi müxtəlif meyarlara əsaslanaraq şrift axtarmaq imkanı təqdim edir. Bu, inkişaf etdiricilər şrift seçimlərini proqramlaşdırılmış şəkildə araşdırmaq və ya veb tətbiqlərində şrift seçimi aləti yaratmaq istədikdə xüsusilə faydalıdır. Aşağıdakı kod parçası 'Roboto' ailə adlı şriftlər üçün sadə bir axtarışı nümayiş etdirir. Geri qaytarılan obyekt meta məlumatları ehtiva edir, mövcud stillər, çəki və yükləmə URL-ləri daxil olmaqla.

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

Şrift Metadatasına Giriş Dəstəyi

Fontra API proqram tərtibatçılarına öz veb tətbiqlərində şrift ailəsi adı, kateqoriya, mövcud alt dəstlər və daha çox kimi ətraflı şrift meta məlumatlarına çıxış imkanı verir. Bu xüsusiyyət, dil dəstəyi və ya stil müxtəlifliyi kimi xüsusiyyətlərə əsaslanaraq şrift seçimi barədə məlumatlı qərarlar qəbul etməli olan tərtibatçılar üçün vacibdir. Bu kod 'Roboto' şrifti haqqında, onun mövcud variantları və dəstəklənən alt dəstləri daxil olmaqla, ətraflı məlumat əldə edir.

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