गूगल फ़ॉन्ट्स को लोड, पार्स और रेंडर करने के लिए फ्री जावास्क्रिप्ट API

Fontra के साथ शुरुआत

Fontra को स्थापित करने का अनुशंसित तरीका npm का उपयोग करना है। कृपया अपने प्रोजेक्ट में Maven निर्भरता जोड़ने के लिए निम्न कमांड का उपयोग करें।

npm install @fredli74/typr --save-dev

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

Node.js में फ़ॉन्ट लोड करें और प्रबंधित करें

फ़ॉन्ट्स को डायनामिक रूप से लोड करना Fontra की मुख्य कार्यक्षमताओं में से एक है। ओपन सोर्स Fontra API सॉफ़्टवेयर डेवलपर्स के लिए विभिन्न प्रकार के फ़ॉन्ट्स को लोड करना और जावास्क्रिप्ट एप्लिकेशन्स के भीतर विभिन्न ऑपरेशन्स करना आसान बनाता है। API का फ़ॉन्ट लोडिंग मैकेनिज़्म कुशल और अनुकूलित फ़ॉन्ट लोडिंग सुनिश्चित करता है, फ़ॉन्ट-संबंधी त्रुटियों के जोखिम को कम करता है और समग्र प्रदर्शन को सुधारता है। Fontra फ़ॉन्ट्स को प्रबंधित करने के लिए मजबूत टूल्स प्रदान करता है, जिसमें यह जांचने के लिए मेथड्स शामिल हैं कि फ़ॉन्ट लोड हुआ है या नहीं, फ़ॉन्ट्स को अनलोड करना, और सभी लोडेड फ़ॉन्ट्स की सूची दिखाना। यहाँ एक सरल उदाहरण है जो वेब एप्लिकेशन में फ़ॉन्ट्स को लोड करने का तरीका दिखाता है।

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

फ़ॉन्ट हेरफेर और प्रदर्शन अनुकूलन

Fontra सॉफ़्टवेयर डेवलपर्स को फ़ॉन्ट लोड करने और उनके गुणों जैसे वजन, शैली, और वैरिएंट को समायोजित करके उन्हें संशोधित करने की अनुमति देता है। यह लचीलापन सुनिश्चित करता है कि फ़ॉन्ट को एप्लिकेशन की डिज़ाइन आवश्यकताओं के अनुसार अनुकूलित किया जा सके। फ़ॉन्ट को प्रोग्रामेटिक रूप से प्रबंधित करके, Fontra वेब प्रदर्शन को अनुकूलित करने में मदद करता है। डेवलपर्स उपयोगकर्ता इंटरैक्शन या अन्य मानदंडों के आधार पर शर्तीय रूप से फ़ॉन्ट लोड कर सकते हैं, जिससे संसाधनों का कुशल उपयोग सुनिश्चित होता है। नीचे दिया गया उदाहरण दिखाता है कि सॉफ़्टवेयर डेवलपर्स कैसे फ़ॉन्ट लोड कर सकते हैं और JS apps के भीतर विभिन्न प्रकार के गुण लागू कर सकते हैं।

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

वेब ऐप्स में फ़ॉन्ट खोज और सर्च

ओपन सोर्स Fontra API जावास्क्रिप्ट एप्लिकेशनों के भीतर फ़ॉन्ट खोजने के लिए पूर्ण समर्थन प्रदान करता है। API को संभालना बहुत आसान है और यह शैली, वजन, और वर्गीकरण जैसे विभिन्न मानदंडों के आधार पर फ़ॉन्ट खोजने की क्षमता प्रदान करता है। यह विशेष रूप से उपयोगी है जब डेवलपर्स प्रोग्रामेटिक रूप से फ़ॉन्ट विकल्पों का अन्वेषण करना चाहते हैं या अपने वेब एप्लिकेशन के भीतर फ़ॉन्ट चयन टूल बनाना चाहते हैं। नीचे दिया गया स्निपेट 'Roboto' फ़ैमिली नाम वाले फ़ॉन्ट की सरल खोज को दर्शाता है। लौटाया गया ऑब्जेक्ट मेटाडेटा शामिल करता है, जिसमें उपलब्ध शैलियाँ, वजन, और डाउनलोड URLs शामिल हैं।

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

फ़ॉन्ट मेटाडेटा एक्सेस समर्थन

Fontra API सॉफ़्टवेयर डेवलपर्स को अपने वेब एप्लिकेशन में विस्तृत फ़ॉन्ट मेटाडेटा, जैसे फ़ॉन्ट परिवार का नाम, श्रेणी, उपलब्ध उपसमुच्चय, और अधिक तक पहुँच प्रदान करता है। यह सुविधा उन डेवलपर्स के लिए महत्वपूर्ण है जिन्हें भाषा समर्थन या शैली विविधता जैसी विशेषताओं के आधार पर फ़ॉन्ट चयन के बारे में सूचित निर्णय लेने की आवश्यकता होती है। यह कोड 'Roboto' फ़ॉन्ट की विस्तृत जानकारी प्राप्त करता है, जिसमें उसके उपलब्ध वेरिएंट और समर्थित उपसमुच्चय शामिल हैं।

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