1. Produktai
  2.   Font
  3.   JavaScript
  4.   Typr.js
 
  

Nemokama JavaScript biblioteka šriftų analizavimui ir atvaizdavimui

Atviro kodo JavaScript šriftų apdorojimo biblioteka, kuri palaiko TrueType ir OpenType šriftų analizavimą bei atvaizdavimą tiesiai naršyklėje.

Interneto ir programinės įrangos kūrimo srityje tipografija atlieka esminį vaidmenį formuojant bendrą vartotojo patirtį. Norint efektyviai manipuliuoti ir atvaizduoti šriftus, kūrėjai pasikliauja patikimomis bibliotekomis, kurios supaprastina procesą. Viena tokia biblioteka yra Typr.js, galinga JavaScript biblioteka, specialiai sukurta šriftų analizavimui ir atvaizdavimui. Ji sukurta būti lengva, leidžianti greitai integruoti į web projektus. Biblioteka palaiko visas pagrindines web naršykles, įskaitant Chrome, Firefox, Safari ir Edge. Tai užtikrina nuoseklų šriftų atvaizdavimą įvairiose platformose ir įrenginiuose.

Typr.js yra galinga atviro kodo JavaScript biblioteka, kuri suteikia programinės įrangos kūrėjams lengvą ir universalų sprendimą dirbant su įvairiais šriftų failų tipais. Ji leidžia naršyklėje tiesiogiai analizuoti ir atvaizduoti TrueType ir OpenType šriftus, pašalinant poreikį serverio pusės apdorojimui. Tai daro Typr.js neįkainojamu įrankiu tinklalapių dizaineriams ir kūrėjams, siekiantiems optimizuoti tipografiją savo svetainėse. Biblioteka pilnai palaiko prieinamumo funkcijų įgyvendinimą, tokių kaip teksto mastelio keitimas, raidžių tarpų reguliavimas ir pasirinktinis šriftų įkėlimas, atsižvelgdama į vartotojus su įvairiais poreikiais ir daugelį kitų.

Typr.js yra labai lengvai valdomas ir gali būti naudojamas įvairiose interneto programose, nuo paprasto teksto atvaizdavimo iki sudėtingesnių tipografijos projektų. Jis palaiko supaprastintas funkcijas, tokias kaip šriftų įkėlimas ir valdymas tinklalapiuose, šriftų metrikų analizė ir išgavimas, be vargo teksto manipuliavimas ir stilių taikymas internete, tarptautinimas ir lokalizavimas, pažangi tipografija ir daugelis kitų. Jo turtingas funkcionalumas, lengvas svoris ir naršyklių tarpusavio suderinamumas daro jį nepakeičiamu įrankiu tipografijos gerinimui internete.

Previous Next

Pradžia su Typr.js

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

Įdiekite Typr.js per npm

 npm install @fredli74/typr --save-dev

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

Šriftų įkėlimas ir valdymas per JavaScript API

Atviro kodo Typr.js suteikė visapusišką palaikymą šriftų įkėlimui ir valdymui JavaScript programose. Tai supaprastina šriftų įkėlimo ir valdymo procesą tinklalapiuose. Jis palaiko įvairius šriftų formatus, įskaitant TrueType (TTF), OpenType (OTF) ir Web Open Font Format (WOFF), leidžiant kūrėjams be pertraukų integruoti pasirinktinius šriftus į savo projektus. Suteikdamas patogią šriftų valdymo sąsają, Typr.js leidžia kūrėjams efektyviai kontroliuoti šriftų įkėlimą ir prioritetizuoti šriftų potinklius, siekiant optimizuoti našumą.

Pridėkite SVG lentelės analizatorių SVG spalvų šriftų analizavimui

Typr.SVG = {};
Typr.SVG.parse = function(data, offset, length)
{
  var bin = Typr._bin;
  var obj = { entries: []};

  var offset0 = offset;

  var tableVersion = bin.readUshort(data, offset);  offset += 2;
  var svgDocIndexOffset = bin.readUint(data, offset);  offset += 4;
  var reserved = bin.readUint(data, offset); offset += 4;

  offset = svgDocIndexOffset + offset0;

  var numEntries = bin.readUshort(data, offset);  offset += 2;

  for(var i=0; i < numEntries ; i++)
  {
    var startGlyphID = bin.readUshort(data, offset);  offset += 2;
    var endGlyphID = bin.readUshort(data, offset);  offset += 2;
    var svgDocOffset = bin.readUint(data, offset);  offset += 4;
    var svgDocLength = bin.readUint(data, offset); offset += 4;

    var svg = bin.readASCII(data, offset0 + svgDocOffset + svgDocIndexOffset, svgDocLength);

    for(var f=startGlyphID; f<=endGlyphID; f++){
      obj.entries[f] = svg;
    }
  }

  return obj;

}

Taikykite teksto formatavimą ir stilizavimą per JavaScript API

Atviro kodo Typr.js biblioteka leidžia programinės įrangos kūrėjams lengvai taikyti įvairius teksto formatavimo tipus JavaScript programose. Su Typr.js kūrėjai gali be vargo manipuliuoti ir stilizuoti tekstą tinklalapiuose. Ji suteikia platų teksto išdėstymo funkcijų spektrą, pvz., eilučių lūžimą, teksto lygiavimą ir žodžių skaidymą brūkšneliu, leidžiančių tiksliai kontroliuoti, kaip tekstas yra rodomas. Be to, biblioteka palaiko daugybę teksto stilizavimo parinkčių, įskaitant raidžių tarpą, žodžių tarpą ir teksto dekoraciją, leidžiančių kūrėjams kurti vizualiai patrauklų ir skaitomą tekstą.

Taikykite teksto formatavimą ir stilizavimą JavaScript programose

// Assume that Typr.js library is already loaded

// Define the target element where the text will be formatted and styled
const targetElement = document.getElementById('myTextElement');

// Load and parse the font file using Typr.js
Typr.loadFont('path/to/font.ttf', (font) => {
  // Font loading is complete
  
  // Apply the loaded font to the target element
  targetElement.style.fontFamily = font.name.fontFamily;

  // Set text content for the target element
  targetElement.textContent = 'Hello, Typr.js!';

  // Apply text styling
  targetElement.style.fontSize = '24px';
  targetElement.style.letterSpacing = '2px';
  targetElement.style.wordSpacing = '4px';
  targetElement.style.textDecoration = 'underline';

  // Additional text layout adjustments
  targetElement.style.textAlign = 'center';
  targetElement.style.lineHeight = '1.5';
  targetElement.style.textJustify = 'inter-word';
});

Kerningas ir ligatūros per JavaScript API

Typr.js leidžia programinės įrangos kūrėjams pasinaudoti pažangiomis tipografinėmis funkcijomis, tokiomis kaip kerningas ir ligatūros, siekiant pagerinti teksto vizualinį patrauklumą. Kerningas reguliuoja tarpą tarp konkrečių simbolių porų, kad pagerintų bendrą skaitomumą, o ligatūros pakeičia simbolių sekas vizualiai patrauklesnėmis alternatyvomis. Pasinaudojus šiomis funkcijomis, kūrėjai gali pasiekti labiau išbaigtą ir harmoningą tipografiją internete.

 Lietuvių