1. Produktai
  2.   Font
  3.   JavaScript
  4.   Fontra
 
  

Nemokama JavaScript API šriftų įkėlimui, analizavimui ir atvaizdavimui iš Google Fonts

Atviro kodo JavaScript šriftų manipuliavimo API, leidžianti ieškoti, įkelti, integruoti ir manipuliuoti šriftų savybėmis JavaScript programose.

Kaip programinės įrangos kūrėjas, tikriausiai nesate nepažįstamas su tipografijos ir šriftų valdymo pasauliu. Su nuolat augančiu vartotojo patirties ir vizualinio patrauklumo svarbumu šiuolaikinėse žiniatinklio programose, šriftų pasirinkimas ir pritaikymas tapo esminiais bet kurio kūrimo projekto aspektais. Čia įžengia Fontra – revoliucinga „Google Fonts“ JavaScript API, kuri suteikia kūrėjams galimybę išlaisvinti visą jų šriftų bibliotekų potencialą. Fontra šriftų įkėlimo mechanizmas užtikrina efektyvų ir optimizuotą šriftų įkėlimą, sumažindamas šriftų klaidų riziką ir gerindamas bendrą našumą.

Fontra yra atviro kodo JavaScript biblioteka, sukurta Google Fonts, siekiant palengvinti šriftų naudojimą internetinėse programose. Fontra suteikia API rinkinį ir įrankius, leidžiančius kūrėjams be vargo integruoti ir pritaikyti šriftus, užtikrinant sklandžią ir vienodą naudotojo patirtį keliuose platformose. Naudotojai gali pritaikyti šriftų stilius, dydžius, svorius ir šeimas pagal savo tikslinius reikalavimus, naudodami tik kelias kodo eilutes. Ji turi pranašesnes šriftų atvaizdavimo galimybes, kurios užtikrina ryškų ir aiškų tekstą įvairiuose įrenginiuose ir naršyklėse.

Fontra pagerina įkėlimo laiką ir išteklių naudojimą, leidžiant kūrėjams įkelti tik būtinas šriftų versijas. Ji leidžia kūrėjams programiškai įkelti, tvarkyti ir manipuliuoti šriftais, užtikrinant, kad internetiniai projektai būtų tiek vizualiai patrauklūs, tiek našūs. Dėl didelės šriftų bibliotekos, pranašesnių šriftų atvaizdavimo galimybių ir pritaikymo variantų, tai būtinas įrankis bet kuriam programinės įrangos kūrėjui, siekiančiam patobulinti savo šriftų naudojimą.

Previous Next

Pradžia su Fontra

Rekomenduojamas būdas įdiegti Fontra yra naudojant npm. Prašome naudoti šią komandą, kad pridėtumėte maven priklausomybę į savo projektą.

Įdiekite Fontra per npm

npm install @fredli74/typr --save-dev

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

Taip pat galite įdiegti tai rankiniu būdu; atsisiųskite naujausius leidimo failus tiesiai iš GitHub saugyklos.

Įkelti ir tvarkyti šriftus Node.js

Šriftų dinaminis įkėlimas yra viena iš pagrindinių Fontra funkcijų. Atviro kodo Fontra API leidžia programinės įrangos kūrėjams lengvai įkelti įvairius šriftus ir atlikti skirtingas operacijas JavaScript programose. API šriftų įkėlimo mechanizmas užtikrina efektyvų ir optimizuotą šriftų įkėlimą, sumažindamas šriftų klaidų riziką ir pagerindamas bendrą našumą. Fontra suteikia patikimas priemones šriftų valdymui, įskaitant metodus patikrinti, ar šriftas įkeltas, iškelti šriftus ir išvardyti visus įkeltus šriftus. Štai paprastas pavyzdys, rodantis, kaip įkelti šriftus žiniatinklio programoje.

Kaip įkelti šriftus žiniatinklio programose naudojant JavaScript API?

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ų manipuliavimas ir našumo optimizavimas

Fontra leidžia programinės įrangos kūrėjams įkelti ir manipuliuoti šriftais reguliuojant jų savybes, tokias kaip svoris, stilius ir variantas. Ši lankstumas užtikrina, kad šriftai gali būti pritaikyti atitinkamai programos dizaino reikalavimams. Valdyti šriftus programiškai, Fontra padeda optimizuoti interneto našumą. Kūrėjai gali įkelti šriftus sąlygiškai, remiantis vartotojo sąveikomis arba kitais kriterijais, užtikrinant efektyvų išteklių naudojimą. Žemiau pateiktas pavyzdys rodo, kaip programinės įrangos kūrėjai gali įkelti šriftus ir taikyti įvairias savybes JS programose.

Kaip įkelti ir taikyti šriftų savybes JavaScript programose?

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

Šriftų atradimas ir paieška žiniatinklio programose

Atviro kodo Fontra API suteikia visapusišką palaikymą šriftų paieškai JavaScript programose. API yra labai paprasta naudoti ir suteikia galimybę ieškoti šriftų pagal įvairius kriterijus, tokius kaip stilius, svoris ir klasifikacija. Tai ypač naudinga, kai kūrėjai nori programiškai tyrinėti šriftų variantus arba sukurti šriftų pasirinkimo įrankį savo internetinėje programoje. Žemiau pateiktas fragmentas demonstruoja paprastą šriftų paiešką pagal šeimos pavadinimą "Roboto". Grąžintas objektas turi metaduomenis, įskaitant prieinamus stilius, svorius ir atsisiuntimo URL.

Kaip ieškoti šriftų šeimoje žiniatinklio programose?

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

Šriftų metaduomenų prieigos palaikymas

Fontra API leidžia programinės įrangos kūrėjams prieiti prie išsamios šriftų metaduomenų, tokių kaip šeimos pavadinimas, kategorija, prieinami potipiai ir kt., savo interneto programose. Ši funkcija yra esminė kūrėjams, kuriems reikia priimti pagrįstus sprendimus dėl šriftų pasirinkimo, remiantis tokiais požymiais kaip kalbos palaikymas ar stiliaus įvairovė. Šis kodas gauna išsamą informaciją apie šriftą „Roboto“, įskaitant jo prieinamus variantus ir palaikomus potipių rinkinius.

Kaip gauti išsamios informacijos apie šriftus per JS API?

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