Google Yazı Tiplerini Yüklemek, Ayrıştırmak ve Renderlemek için Ücretsiz JavaScript API

Fontra ile Başlarken

Fontra'yı kurmanın önerilen yolu npm kullanmaktır. Lütfen projenize Maven bağımlılığını eklemek için aşağıdaki komutu kullanın.

npm install @fredli74/typr --save-dev

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

Node.js'te Yazı Tiplerini Yükleyin ve Yönetin

Fontları dinamik olarak yüklemek, Fontra'nın temel işlevlerinden biridir. Açık kaynak Fontra API'si, yazılım geliştiricilerin çeşitli tipte fontları yüklemesini ve JavaScript uygulamaları içinde farklı işlemler gerçekleştirmesini kolaylaştırır. API'nin font yükleme mekanizması, verimli ve optimize edilmiş font yüklemesini sağlar, fontla ilgili hataların riskini azaltır ve genel performansı artırır. Fontra, bir fontun yüklü olup olmadığını kontrol etme, fontları kaldırma ve tüm yüklü fontları listeleme gibi yöntemler dahil olmak üzere font yönetimi için sağlam araçlar sunar. İşte web uygulamasında fontları nasıl yükleyeceğinizi gösteren basit bir örnek.

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

Yazı Tipi Manipülasyonu ve Performans Optimizasyonu

Fontra, yazılım geliştiricilerin ağırlık, stil ve varyant gibi özelliklerini ayarlayarak yazı tiplerini yüklemelerine ve manipüle etmelerine olanak tanır. Bu esneklik, yazı tiplerinin uygulamanın tasarım gereksinimlerine göre özelleştirilebilmesini sağlar. Yazı tiplerini programlı olarak yöneterek, Fontra web performansını optimize etmeye yardımcı olur. Geliştiriciler, kullanıcı etkileşimlerine veya diğer kriterlere göre koşullu olarak yazı tiplerini yükleyebilir, böylece kaynakların verimli kullanılmasını sağlar. Aşağıdaki örnek, yazılım geliştiricilerin JS uygulamaları içinde yazı tiplerini nasıl yükleyebileceğini ve çeşitli özellikleri uygulayabileceğini gösterir.

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

Web Uygulamalarında Yazı Tipi Keşfi ve Arama

Açık kaynaklı Fontra API, JavaScript uygulamaları içinde yazı tiplerini arama konusunda tam destek sağlar. API, çok kolay kullanılabilir ve stil, ağırlık ve sınıflandırma gibi çeşitli kriterlere göre yazı tiplerini arama yeteneği sunar. Bu, geliştiricilerin yazı tipi seçeneklerini programlı olarak keşfetmek veya web uygulamalarında bir yazı tipi seçim aracı oluşturmak istediklerinde özellikle faydalıdır. Aşağıdaki kod parçacığı, 'Roboto' aile adıyla yazı tiplerini basit bir arama örneğini gösterir. Döndürülen nesne, mevcut stiller, ağırlıklar ve indirme URL'leri dahil olmak üzere meta verileri içerir.

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

Yazı Tipi Meta Verisi Erişim Desteği

Fontra API, yazılım geliştiricilerin kendi web uygulamaları içinde aile adı, kategori, mevcut alt kümeler ve daha fazlası gibi ayrıntılı yazı tipi meta verilerine erişmesini sağlar. Bu özellik, dil desteği veya stil çeşitliliği gibi özelliklere dayalı olarak yazı tipi seçimleri hakkında bilinçli kararlar vermeleri gereken geliştiriciler için çok önemlidir. Bu kod, 'Roboto' yazı tipi hakkında mevcut varyantları ve desteklenen alt kümeler dahil olmak üzere ayrıntılı bilgileri alır.

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