1. Ürün:% s
  2.   Font
  3.   Node.js
  4.   OpenType.js
 
  

Yazı Tipi Ayrıştırma ve Yazma için Ücretsiz JavaScript Kütüphanesi

TrueType veya OpenType yazı tiplerini ayrıştırma, okuma ve yazma imkanı sağlayan Açık Kaynaklı JavaScript Kütüphanesi. JS uygulamaları içinde Yazı Tipi İşleme, Glif Ölçümleri ve Metin Düzeni desteği sunar.

Yazılım web geliştirme ve dijital tipografi alanında, yazı tipi dosyalarını yönetmek ve sorunsuz metin renderleme deneyimleri oluşturmak zorlu bir görev olabilir. Ancak, OpenType yazı tipleriyle çalışmak, özellikle gelişmiş tipografik özelliklerine erişim söz konusu olduğunda zorlayıcı olabilir. İşte bu noktada OpenType.js devreye girer – tarayıcıda OpenType yazı tipleriyle çalışmayı kolaylaştıran devrim niteliğinde bir açık kaynak kütüphane. OpenType.js'in temel faydalarından biri, OpenType yazı tipleriyle çalışma sürecini basitleştirme yeteneğidir. Diğer kütüphanelerin yazı tipi teknolojisi hakkında kapsamlı bilgi gerektirmesinin aksine, OpenType.js, başlamayı kolaylaştıran basit bir API sunar.

OpenType.js, OpenType yazı tiplerinin gelişmiş tipografik özelliklerine erişim sağlayan basit ve sezgisel bir API sunan bir JavaScript kütüphanesidir. OpenType.js ile yazılım geliştiricileri, ligatürler, alternatif glifler, değişken yazı tipleri gibi özelliklere kolayca erişebilir ve karmaşık ve sofistike tipografi tasarımları oluşturabilirler. Mevcut yazı tiplerini ayrıştırmanın ve manipüle etmenin yanı sıra, opentype.js sıfırdan yeni yazı tipi dosyaları oluşturmayı da destekler. Bu özellik, özel yazı tiplerini programlı olarak üretmek isteyen geliştiriciler için değerlidir. Bir JavaScript kütüphanesi olduğu için, opentype.js hem istemci tarafı hem de sunucu tarafı ortamlarında kullanılabilir ve çeşitli projeler için esnek bir seçim sunar. Genel olarak, tarayıcıda OpenType yazı tipleriyle çalışmanın basit ve sezgisel bir yolunu sağlayan güçlü ve çok yönlü bir kütüphanedir.

Previous Next

Opentype.js ile Başlarken

OpenType.js'i kurmanın önerilen yolu NPM kullanmaktır. Sorunsuz bir kurulum için lütfen aşağıdaki komutu kullanın.

npm kullanarak Opentype.js'i kurun

 npm install opentype.js

Ayrıca manuel olarak da kurabilirsiniz; en son sürüm dosyalarını doğrudan GitHub deposundan indirebilirsiniz.

Node.js Uygulamalarında Font Ayrıştırma

OpenType.js'in temel özelliklerinden biri, sadece birkaç JavaScript satırıyla OpenType ve TrueType font dosyalarını ayrıştırabilmesidir. Bu, yazılım geliştiricilerin bir fontun yapısını, gliflerini, kerning bilgilerini ve diğer temel verileri okuyup anlamasını sağlar. Aşağıdaki örnekte, Roboto Regular fontu bir TTF dosyasından yüklenir. Kütüphane fontu ayrıştırır ve verilerini daha sonraki işlemler için kullanılabilir hâle getirir.

Node.js içinde bir TTF dosyasından Font nasıl yüklenir ve ayrıştırılır??

const opentype = require('opentype.js');

// Load a font from a file
opentype.load('fonts/Roboto-Regular.ttf', function(err, font) {
    if (err) {
        console.error('Font could not be loaded:', err);
    } else {
        console.log('Font loaded successfully:', font);
        console.log('Number of glyphs:', font.numGlyphs);
    }
});

Node.js içinde Font Gliflerine Erişim ve Manipülasyon

Açık kaynaklı Node.js kütüphanesi OpenType.js, yazılım geliştiricilerin Node.js uygulamaları içinde bir fontun bireysel gliflerine erişmesini ve bunları manipüle etmesini sağlar. Glifler, bir fonttaki karakterlerin görsel temsilleridir. Bu özellik sayesinde glif yollarını çıkarabilir, değiştirebilir veya hatta yeni glifler oluşturabilirsiniz. İşte bir kod parçacığı, bir fontu yükler, "A," karakteri için glifi alır ve ardından glifi orijinal boyutunun 1,5 katına ölçeklendirir. toPathData() yöntemi, glifin yolunu SVG yol verisine dönüştürür; bu, renderleme veya daha ileri manipülasyon için kullanılabilir.

Node.js Uygulamalarında bir Font nasıl yüklenir ve Glif değiştirilir?

const opentype = require('opentype.js');

// Load a font and modify a glyph
opentype.load('fonts/Roboto-Regular.ttf', function(err, font) {
    if (err) {
        console.error('Font could not be loaded:', err);
    } else {
        const glyph = font.charToGlyph('A');
        console.log('Original Glyph Path:', glyph.path.toPathData());

        // Modify the glyph path (e.g., scale it)
        glyph.path.scale(1.5);
        console.log('Scaled Glyph Path:', glyph.path.toPathData());
    }
});

Node.js Kütüphanesi ile Font Tabloları Üzerinde Çalışma

OpenType.js, geliştiricilere temel font tablolarına erişim sağlar; bu tablolar, fontun tasarımı ve ölçüleri hakkında ayrıntılı bilgiler içerir. Bu, gelişmiş font manipülasyonları veya analizleri için özellikle faydalı olabilir. Aşağıdaki örnekteki kod snippet'i, başlık tablosu (font başlık bilgilerini içeren) ve hhea tablosu (yatay başlık ölçümlerini tutan) gibi belirli font tablolarına nasıl erişileceğini gösterir. Bu tablolar, font render'ı ve düzeni üzerinde hassas kontrol sağlamak için kullanılabilecek temel detayları sunar.

Node.js Kütüphanesini Kullanarak Belirli Yazı Tipi Tablolarına ve İçindeki Yazı Tipine Nasıl Erişilir?

const opentype = require('opentype.js');

opentype.load('path/to/font.ttf', function(err, font) {
  if (err) {
    console.error('Font could not be loaded: ' + err);
  } else {
    // Access the 'head' table (font header)
    const headTable = font.tables.head;
    console.log('Units per Em: ' + headTable.unitsPerEm);

    // Access the 'hhea' table (horizontal header)
    const hheaTable = font.tables.hhea;
    console.log('Ascender: ' + hheaTable.ascender);
    console.log('Descender: ' + hheaTable.descender);
  }
});
 Türkçe