FontForge SVG içe aktarma: Çizimden glif konturuna

Bir SVG’yi FontForge’a aktarmak için hedef glif yuvasını açın, File → Import seçeneğini seçin, formatı SVG olarak değiştirin ve dosyanızı seçin. Sonuç, o glifin düzenleme penceresinde kontur geometrisi olur. Kullanılabilir bir yazı tipi üretmeden önce konumunu, boyutunu, konturlarını ve aralıklarını yine de kontrol etmeniz gerekir.

Kaynak bir çizim olduğunda bu ayrım önemlidir. Vektörleştirme, piksellerden şekilleri geri kazanabilir. Ancak bir yazı karakterinin hedef taban çizgisini, ilerleme genişliğini veya aralık ritmini belirleyemez. Bir glifle başlayın ve alfabeyi içe aktarmadan önce bu kontrolleri tamamlayın.

Yalnızca yazı tipi penceresini değil, glif yuvasını açın

Yeni bir FontForge belgesi oluşturun veya üzerinde çalıştığınız yazı tipini açın; ardından düzenlemek istediğiniz karakter yuvasına çift tıklayın. Bu kontur penceresindeki File → Import üzerinden SVG’yi içe aktarın. Dosya seçici başlangıçta bitmap formatlarını listeliyorsa format filtresini SVG’ye değiştirin. FontForge’un kontur içe aktarma öğreticisi belgesinde anlatılan sıra budur.

Önce hedefi kontrol edin. Özgün bir küçük g harfi ekliyorsanız doğru g yuvasını düzenlediğinizi doğrulayın. g.svg adlı bir dosya, glifi ve karakter eşlemesini kontrol etmenin yerine geçmez. Mevcut bir yazı tipindeki konturları değiştirmeden önce bir kopyasını kaydedin.

İçe aktardıktan sonra bir nokta seçin ve düzenlenebilir konturlara sahip olduğunuzu doğrulayın. Elinizde yalnızca üzerinden çizmek için referans olarak kullanılan bir resim varsa aynı sonuca ulaşmış değilsiniz. FontForge’un File menüsü belgeleri belgesi, görsel içe aktarmayı, glif konturlarını ve yazı tipi dosyası işlemlerini birbirinden ayırır.

Bu rehberin hedefi, standart bir kontur glifidir. Özel çok katmanlı veya renkli yazı tipi iş akışlarının ek gereksinimleri vardır; tarayıcıda kullanılmaya hazır bir illüstrasyon da kendiliğinden böyle bir yazı tipine dönüşmez.

Elinizde varsa orijinal vektörleri kullanın

Glifi bir vektör düzenleyicide çizdiyseniz doğrudan bu grafiği hazırlayın. Orijinal konturlarını koruyun, ayrı bir içe aktarma kopyası oluşturun ve desteklenmeyen görsel özellikleri bu kopyada sadeleştirin. Mevcut vektörlerin bir görselini yeniden vektörleştirmek, zaten kontrol edebildiğiniz şekilleri değiştirebilir.

Kaynak raster bir çizim veya üretilmiş bir sembolse PerfectVector ile görseli vektör yollarına dönüştürün ve SVG’yi inceleyin. Bu size düzenleyebileceğiniz bir başlangıç konturu verir. Glif metriklerini, aralıklarını ve yazı tipi davranışını oluşturacağınız yer yine FontForge’dur.

Elle çizilmiş bir tasarım için net, yüksek kontrastlı bir kaynak seçin. Komşu karakterleri ve kâğıttaki gereksiz ayrıntıları kırpın, ancak harfin üst veya alt uzantısını bütünüyle koruyun. El yazısını vektörleştirme rehberi, kaynak hazırlama aşamasını ele alır; görsel vektörleştirme açıklaması ise dönüşümün gerçekte ne ürettiğini anlatır.

Vektörleştirilmiş bir harf hâlâ çizim geometrisidir

Geniş bir iç boşluğu ve belirgin bir alt uzantısı olan özgün bir raster küçük g harfi hazırladık, ardından PerfectVector ile dönüştürdük. Ham SVG üç kapalı yol içeriyordu: beyaza yakın bir tuval arka planı, siyah bir harf silueti ve beyaza yakın bir iç boşluk şekli. Gömülü görsel içermiyordu.

Beyaz iç boşluk şekli, siyah siluetin üzerine boyanmıştı. Tamamlanmış bir yazı tipi glifinin iç konturu henüz değildi. Yalnızca beyaz şekli kaldırmak, altındaki tamamen siyah bölgeyi ortaya çıkarırdı. İçe aktarma kopyasında, glifin dolgusunu değerlendirmeden önce arka plan olduğunu doğruladığınız şekli kaldırın ve iç boşluğu gerçek bir açıklık olarak hazırlayın.

Karşılaştırma, bir FontForge testini değil, incelediğimiz kontur verilerini gösterir. Bu çıktıya taban çizgisi, em boyutu, ilerleme genişliği veya harf çifti aralığı atamadık. Temiz görünen bir alt uzantı, çizimin nereye kadar uzandığını gösterir; yazı tipine taban çizgisinin nerede olması gerektiğini söylemez.

Metrikleri ayarlamadan önce konturları açıkça hazırlayın

Dokunulmamış bir SVG’yi ve ayrı bir çalışma kopyasını saklayın. Çalışma kopyasında ilgisiz arka plan şekillerini kaldırın, görünür kalınlıkları glifi tanımlıyorsa konturları dolgulu şekillere dönüştürün ve maskeleri veya kırpılmış efektleri korumak istediğiniz şekillere dönüştürerek çözümleyin. FontForge, içe aktarma başvurusu belgesinde açıklandığı gibi SVG’nin bir alt kümesini içe aktarır.

İç boşluğu olan bir harfte hem dış hem de iç sınırı inceleyin. Bunların, hedeflenen dolu bölgeyi tanımlaması gerekir. Beyaz bir üst şekil, yazı tipine doğru kontur yapısını vermeden beyaz bir sayfadaki görünümü taklit edebilir.

Hazırlanan grafiği içe aktardıktan sonra açık uçları, kazara oluşan örtüşmeleri ve kendi kendini kesen yolları kontrol edin. Element → Correct Direction, dış ve iç içe konturların yönlerini dönüşümlü olarak ayarlar; ancak eğriler kesiştiğinde beklenmedik sonuçlar üretebilir. Komuta güvenmeden önce bu kesişimleri çözün. FontForge bu sınırlamayı Element menüsü başvurusu belgesinde açıklar.

Yalnızca hedef bir düğüm sayısına göre sadeleştirmekten kaçının. Çiziminizi tanımlayan köşeleri, uçları ve eğrileri koruyun. Aşırı SVG düğümleri rehberi, pürüzlü konturların nedenini bulmanıza yardımcı olabilir; ancak yazı tipi konturu, okunacağı boyutlarda tipografik değerlendirme de gerektirir.

Yüksekliği değerlendirmeden önce taban çizgisini hizalayın

İçe aktarılan grafik çok küçük, çok büyük veya hedef başlangıç noktasından kaymış olabilir. Glifin tüm noktalarını seçin ve birlikte taşıyın ya da ölçekleyin. FontForge’un içe aktarma öğreticisi belgesi, konturun yerine taşınmasını ve Element → Transform → Transform ile eşit oranlı ölçekleme uygulanmasını anlatır.

Küçük g için en alt noktayı taban çizgisine hizalamayın; bu nokta alt uzantıya aittir. Harfin gövdesini hedef taban çizginize ve x-yüksekliğinize göre konumlandırın, alt uzantıyı çizginin altında bırakın. Aynı tasarımda zaten varsa komşu küçük harf glifleriyle karşılaştırın.

Daha fazla harf hazırlarken tutarlı bir kaynak koordinat sistemi kullanın. FontForge’un öğreticisi 1.000 birimlik bir iş akışı sunarken Design With FontForge’un içe aktarma kılavuzu, SVG’nin dikey koordinatlarının üst ve alt uzanım ölçüleriyle nasıl ilişkili olduğunu açıklar. Bunları birbiriyle uyumlu kurulum talimatları olarak değerlendirin; mevcut her SVG’nin bir kareye sığacak şekilde esnetilmesi gerektiği kuralı olarak değil.

Em başına birim sayısı farklı olan bir yazı tipi, buna uygun bir plan gerektirir. Benzer şekilde, her harfi farklı yükseklikte bir SVG sayfasına sıkıca kırpmak, tutarlı yerleşim için gereken ortak referansı ortadan kaldırabilir. Kalanları işlemeye geçmeden önce bu referansı bir veya iki glifle belirleyin.

Aralıkları metin içinde ayarlayın

Harfin görünür genişliği ile ilerleme genişliği farklıdır. İlerleme genişliği, sonraki karakterin nereden başlayacağını belirler; konturun çevresindeki boşluk ise sözcüğün ritmine katkıda bulunur.

Window menüsünden Metrics penceresini açın ve glifi diğer harflerin yanında inceleyin. FontForge’un metrik öğreticisi belgesi, konturu taşıyarak sol yan boşluğun ve ilerleme genişliği çizgisi üzerinden sağ yan boşluğun değiştirilmesini anlatır.

İlk g için gg, ng ve go gibi tekrarlanan harfleri ve önceden çizilmiş gliflerle kısa birleşimleri karşılaştırın. Yalnızca konturlara değil, boşluklara bakın. Kötü seçilmiş her varsayılan yan boşluğu telafi etmek için harf çifti aralığı ayarlamayın; önce olağan komşular için makul aralıklar oluşturun, ardından istisnai çiftleri ele alın.

SVG sayfasında ortalanmış görünen bir glif, metinde yine de uygunsuz durabilir. Tersine, her iki yandaki sayısal boşluğun eşit olması her zaman doğru görünen aralık demek değildir. SVG sınırlarını geometri referansı olarak koruyun ve yazı tipini bir metin satırında değerlendirin.

Doğrulayın ve bir test yazı tipi üretin

Bir yazı tipi dosyası üretmeden önce düzenlenebilir FontForge projesini kaydedin. Save, çalışma kaynağını korur; Generate Fonts, TrueType veya OpenType gibi bir yazı tipi formatı oluşturur. Kontrol ve üretim öğreticisi, bu ayrımı açıklar.

Hazırladığınız gliflerde Element → Find Problems çalıştırın. Önerilen her değişikliği otomatik olarak kabul etmek yerine bildirilen sorunları inceleyin: FontForge, bazı bulguların bilinçli tasarım seçimlerini yansıtabileceğini belirtir. Ardından glifleri tekrar görsel olarak inceleyin.

Bir test yazı tipi üretin ve kullanmayı planladığınız uygulamada deneyin. Karakter eşlemesini, iç boşluğu, taban çizgisini, alt uzantının çevresindeki boşluğu ve aralıkları hem küçük hem büyük metin boyutlarında kontrol edin. Yazı tipi hâlâ küçük bir prototipse testin kapsamını açık tutun. Tek bir konturun başarıyla içe aktarılması, bütün bir yazı tipinin tamamlandığını göstermez.

Sık sorulan sorular

SVG’m FontForge’da neden yanlış boyutta veya konumda? Kaynak koordinatları ve sayfa ölçüleri, yazı tipinin em ve taban çizgisi düzeniyle uyuşmayabilir. İçe aktarılan konturu tutarlı şekilde taşıyıp ölçekleyin; ardından daha fazla glif hazırlamadan önce ortak bir koordinat planı oluşturun.

PerfectVector bir çizimi eksiksiz bir yazı tipine dönüştürebilir mi? PerfectVector, raster grafikleri vektör yollarına dönüştürür. Glif konturlarını, eşlemeyi, metrikleri, aralıkları ve üretilen yazı tipi dosyasını hazırlamak için hâlâ bir yazı tipi düzenleyicisine ihtiyacınız vardır.

Harfin iç boşluğu neden doluyor? Açıklık gibi görünen bölgenin beyaz bir üst şekil olup olmadığını, iç konturun mevcut olup olmadığını ve kontur yönleri veya kesişimlerin düzeltme gerektirip gerektirmediğini kontrol edin. Orijinal SVG’nin beyaz bir sayfada nasıl göründüğüne güvenmek yerine hazırlanan glifin dolgusunu inceleyin.

Tüm SVG harflerimi aynı anda içe aktarmalı mıyım? Önce temsili bir glifi tamamlayın. Ölçeğini, taban çizgisini, konturlarını ve aralıklarını doğrulayın; ardından kalan harflere tutarlı bir hazırlama yöntemi uygulayın. Toplu içe aktarma, bu tasarım değerlerini sizin yerinize belirleyemez.

Kaynaklar

1. FontForge outline import tutorial — Glif yuvasına içe aktarma, konumlandırma, eşit oranlı ölçekleme ve uyumlu kaynak ölçüleri.
2. FontForge File menu — İçe aktarma türleri, SVG desteği ve kaynak dosyası ile yazı tipi dosyası işlemleri.
3. FontForge Element menu — Kontur yönünü düzeltme ve kesişimlerdeki sınırlamaları.
4. Design With FontForge: importing glyphs — SVG koordinatları, üst ve alt uzanım düzeni.
5. FontForge metrics tutorial — Yan boşluklar, ilerleme genişliği, metin içinde aralıklar ve harf çifti aralığı.
6. FontForge checking and generation tutorial — Sorunları inceleme ve kullanılabilir bir yazı tipi formatı üretme.

İlk glifiniz yalnızca piksellerden oluşuyorsa çizimi düzenlenebilir vektörlere dönüştürün, iç boşluğu ve dış konturu inceleyin, ardından bu tek glifi FontForge’da tamamlayın. Doğru konumlandırılmış, aralıkları ayarlanmış ve test edilmiş bir kontur, yazı tipinin geri kalanı için yararlı bir başlangıçtır.