Kendi El Yazımla Font Yapmak

 (chameth.com)
1 puan yazan GN⁺ 2025-09-07 | 1 yorum | WhatsApp'ta paylaş
  • Kişisel web sitesinin karakterini güçlendirmek için doğrudan el yazısı fontu yapmayı denedim
  • FontForge ve Inkscape gibi açık kaynak araçları kullanmak sezgisel değildi ve zorluklar yaşattı
  • Sonunda Calligraphr adlı ücretli hizmet sayesinde el yazısı fontunu kolayca oluşturup düzenleyebildim
  • Tekrarlayan ince ayar ve düzeltme çalışmaları gerekti, ancak ortaya çıkan sonuçtan memnun kaldım
  • Calligraphr’ın kullanıcı dostu iş politikası da bende olumlu bir izlenim bıraktı ve bu yüzden tavsiye ediyorum

Kişisel web sitesine karakter katma denemesi

  • Kendi web sitemin sıradan kurumsal sitelerden farklı olarak daha kişisel ve özgün bir havaya sahip olmasını istedim
  • Tasarımda küçük değişiklikler yapmak için görsellere, bağlantılara ve benzeri öğelere özgün efektler ekliyordum
  • Mevcut monospace yazı tipleri yerine el yazısı hissi veren bir script font kullanmak istedim, ancak uygun bir font bulamayınca kendim yapmaya karar verdim

Açık kaynak araçlarla deneme ve başarısızlık

  • Inkscape ve FontForge gibi açık kaynak araçları kullanarak vektör tabanlı bir font yapmayı denedim
    • Grafik tablet ile büyük A, B, C harflerini yazıp SVG olarak kaydettikten sonra font düzenleyiciye aktarmaya çalıştım
    • FontForge’un rahatsız edici kullanıcı deneyimi ve sezgisel olmayan arayüzü nedeniyle hayal kırıklığı yaşadım
    • Dosya seçme ve içe aktarma süreci, SVG yükleme gibi temel işlerde bile çok sayıda deneme yanılma ve uğraş gerekti
    • Glif düzenleme sürecinde eğrileri kontrol eden Bezier kollarını kullanmak da zahmetliydi
    • Tekrarlayan hata mesajları ve zahmetli klasör geçişleri yüzünden yarıda bıraktım
  • Inkscape’in SVG font oluşturma özelliğini de denedim, ancak her glifi tek bir path içinde birleştirmek gerekliliği ve vektör düzenleme bilgisi istemesi nedeniyle bunun da karmaşık ve verimsiz bir süreç olduğunu gördüm

Ücretli web hizmeti Calligraphr’ı seçmek

  • Açık kaynak öğreticileri ararken, Calligraphr adlı kapalı kaynak bir hizmetin varlığını öğrendim
    • Ücretsiz sürümde ligature, farklı varyasyonlar ve 75 glif sınırı var, ancak tek aylık ödeme ile premium özellikler kullanılabiliyor
    • Otomatik yenileme olmadan tek seferlik ödeme ile kullanılabilmesini ve şeffaf fiyatlandırmasını özellikle takdir ettim
  • Calligraphr kullanım şekli
    • Şablonu yazdırıp el yazısıyla doldurduktan sonra tarayıp hizmete yükleme yöntemi kullanılıyor
    • Şablona seçilen harfler, semboller, ligature’ler ve çeşitli biçimler eklenebiliyor
    • Birden fazla sürüm oluşturup karşılaştırma yapabiliyor, blog başlığıma uygun özel ligature’ler de ekleyebiliyordum
    • Sharpie kalem kullanarak kalın ve net yazıyla ayırt edici bir görünüm verdim
    • iPhone’un belge tarama özelliğini kullanarak PDF olarak tarayıp yükledim

Fontu tekrar tekrar iyileştirme ve ince ayar

  • Calligraphr web arayüzü üzerinden font önizlemesi almak ve doğrudan uygulama testi yapmak mümkündü
    • Fontu gerçek web sitesinde uygulayarak farklı boyutlarda okunabilirlik ve tasarımı kontrol ettim
  • İlk sürümde harfler taban çizgisine oturmuyor ve denge bozuluyordu; bunu konum ve boyut ayarlama işlevleriyle ayrıntılı biçimde düzelttim
  • Harfler arası aralığı (kerning) azaltarak el yazısına özgü doğal bağlanma hissini güçlendirdim
  • Bazı gliflerde, glif alanının dışına taşmış tarama gürültüsü yüzünden tuhaf boşluklar oluşuyordu
    • Yalnızca genişliği azaltınca cümle içinde kopuk noktalar kalıyordu
    • Düzenleme aracıyla gereksiz pikselleri tamamen silerek sorunu temiz biçimde çözdüm
  • Bu tekrar eden işlemler, iyileşmenin görsel olarak çok belirgin olması sayesinde aksine keyifli geldi

Sonuç ve Calligraphr hizmetiyle ilgili olumlu deneyim

  • Ortaya çıkan font, web sitesinin başlık, açıklama yazıları gibi bölümlerine gerçek el yazısına yakın bir his vererek aradığım kişiselliği sağladı
  • Sharpie’nin kalın çizgileri sayesinde küçük yazı boyutlarında bile okunabilirlik yüksekti
  • Açık kaynak araçların aksine, kısa sürede ve düşük maliyetle sonuç alabilmenin ne kadar verimli olduğunu hissettim
  • Abonelik bittikten sonra bile Calligraphr kullanıcı verilerini otomatik olarak yedekleyip dışa aktarıyor
    • JSON biçiminde tüm glif bilgilerini ve görsel verileri sakladığı için daha sonra yeniden abone olup ek düzenleme yapmak mümkün
    • En baştan net politika sunması, tekrarlayan ödeme zorlamaması ve verileri şeffaf biçimde sağlaması gibi kullanıcı dostu iş uygulamaları özellikle etkileyiciydi
  • Aynı şeyi denemek isteyen biri için, yalnızca Calligraphr’ın sadelik ve müşteri odaklı yaklaşımı bile tavsiye etmeye değer bir deneyim sunuyor

İlgili okumalar

1 yorum

 
GN⁺ 2025-09-07
Hacker News görüşleri
  • 2013'te düğün web sitem için benzer bir şey yapmıştım. Bir posta hizmeti kullanarak fena olmayan bir TTF oluşturdum ve sonra onu WOFF'a dönüştürdüm. Hâlâ https://ruthandjosh.net/story/ adresinde yayında (milenyal duygusallığı uyarısı)
    • Bu devirde bağlantıları hâlâ çalışan bir siteyi ayakta tutmak gerçekten etkileyici
    • Bu hikâye gerçekten çok güzel, hiç cringe gelmedi
    • Bu cringe'i bizimle paylaştığın için teşekkürler, sayende haftayı harika kapattım. Şabat Şalom
    • Bu site gerçekten harika. Tasarım ve yerleşim aksine zamansız hissettiriyor
    • Ruth gerçekten uçakta tek başına şampanya mı içti diye merak ediyorum
  • Emeği ve bu yolculuğu takdir ediyorum. Açık kaynak alternatifi bırakıp ucuz bir seçenekle kendine ait bir şey sahibi olma yönündeki dürüst tercihle empati kuruyorum. Benim hikâyem de benzer. Ben de kendi kendini yetiştirmiş yaratıcı biriyim; bu yüzden bazen belirli bir teknik ya da aracı illa denemek isteyip inat edebiliyorum. Bunun batık maliyet ya da mükemmeliyetçilikten mi kaynaklandığını bilmiyorum. Site tasarımı gerçekten karakter dolu. PS: Firefox tarayıcımda bunu fonts, developer-blog, creative-sites, boutique-designs olarak yer imlerine ekledim
  • El yazım gerçekten çok kötü ve yazdıkça daha da kötüleşiyor. Bu bir kısır döngü. El yazım kötü olduğu için her şeyi yazıyorum, pratik yapmadığım için de daha da kötüleşiyor. El yazımdan bir font yapsam herhalde parola hash'i olarak da kullanılabilir. Yine de fikrin kendisini seviyorum. Mesajı el yazısıyla yazmak yerine yazmanın daha az kişisel olduğunu düşündüğümü sanmıyorum ama pratikte biraz daha az kişisel hissettiriyor. El yazısı fontu bu hissi biraz telafi edebilir gibi geliyor
    • Black metal albüm kapakları için font olarak iyi gider gibi
    • "Daha kolay bir yol olduğu için artık o beceriyi öğrenmeye bile ihtiyaç duymamak ve giderek öğrenme fırsatını kaybetmek" bence bugünlerde gerçekten ciddi bir sorun. İnsanlar kolay sistemleri kullanmayı öğrenince sonunda asıl beceriyi değil sadece sistemi kullanmayı öğrenmiş oluyorlar. Mesela ev arkadaşım sadece bıçak bileme sistemini kullanabiliyor, elle bileyemiyor. Sistem olmadan hiçbir şey yapamıyor. Bugünlerde böyle insanlardan çok var. Sadece kılavuzu izliyorlar ama neden öyle olduğuna dair bir bağ kurmuyorlar. Toplum genelinde de temel beceriler ciddi biçimde zayıfladı; sanırım bunun nedeni kapitalizmin her şeyi zamandan tasarruf etmek için para ödenen bir yapıya dönüştürmesi
  • Bildiğim kadarıyla Microsoft Font Maker hâlâ Windows Ink stylus ile ücretsiz çalışıyor (çok iyi olmayabilir). Eskiden ne kullandığımı hatırlamıyorum ama sanırım Windows Tablet PC için olan PowerToy'un içindeydi. https://apps.microsoft.com/detail/9n9209f8s3vc?hl=en-US&gl=US
  • Çocukken istismar yaşadığım için el yazım çok kötü. Bitişik el yazısını da pek yazamıyorum. El yazımdan yapılmış bir font olsaydı herkes herhalde "vay be, bu kişinin ebeveynleri ne kadar ihmalkârmış" derdi. Microsoft Word'de font adı muhtemelen "Danny Wets The Bed" olurdu. Şaka bir yana, keyifle okudum, harika bir yazı
  • Gençken hoşlandığım bir kızın el yazısından bir ttf-font yapıp hediye etmiştim. Gerçekten o işi hafife almışım. Corel Draw Suite içindeki aracı kullandım, onun yazdığı alfabeyi tarayıp tüm harfleri tek tek vektörize ettim. İnanılmaz zahmetliydi. Üzerinden 25 yıl geçti, hâlâ o zamanki saf tutkuma şaşıyorum. Sadece bir doğum günü hediyesi yapmak için inanılmaz zaman harcamıştım ve açıkçası çoğu zaman ne yaptığımı da bilmiyordum. Sonunda bitirdim ama sanırım hiçbir şey bilmemem sayesinde yapabildim
    • Mixtape'ten çok daha iyiymiş. Benim el yazımla yazılmış bir şey resmen ceza olurdu
    • Sonrasında onunla ne olduğunu merak ediyorum. O çaba buna değdi mi, mutlu son oldu mu bilmek isterdim
  • Teknoloji gerçekten yeterince ilerledi de artık gerçek el yazısından ayırt edilemeyecek kadar iyi mi diye merak ediyorum. Bunu okulda hocaların istediği el yazısı ödevlerde kullansanız fark edilmeden kurtulabilir misiniz, onu da merak ediyorum. Tabii bu tamamen varsayımsal bir senaryo
  • Amy Goodchild'ın denediği yöntemi ( https://www.amygoodchild.com/blog/cursive-handwriting-in-javascript ) gerçek bir font dosyasına dönüştürmenin bir yolu var mı diye merak ediyorum
    • Muhtemelen mesele Chaikin's paths'i Bézier eğrilerine "çevirmek" olur. Sonra bu Metafont fontuna dönüştürülebilir ve oradan da ttf, otf vb. formatlara çevrilebilir diye düşünüyorum
  • Benzer bir yoldan geçen başka insanlar da var
    • Ayrıca eskiden beri var olan harika Tekton fontu da var. Mimar Frank D.K. Ching'in el yazısına dayanıyor ama asıl tasarımı Adobe'den David Siegel yapmış
  • Gerçekten çok havalı bir çalışma. Paylaştığın için teşekkürler. Şu anda çocuklarla bir atölye hazırlıyorum ve burada çocukların kendi web sitelerini ya da web uygulamalarını "elle çizmelerini" sağlamak istiyordum. Şimdiye kadar font yapımını bilmediğim için buna eklememiştim ama artık nasıl yapılacağını biliyorum. Gerçekten çok teşekkürler! Böyle bir atölyeyi daha eğlenceli hâle getirecek fikirlerin varsa duymak isterim. Mesela kâğıt üstünde prototip yapıp sonra onu gerçek bir click dummy'ye, yani çalışan makete dönüştürmek gibi; analogdan dijitale doğal bir geçiş kurmak istiyordum. Bu arada sözünü ettiğim çocuklar 8-10 yaşında
    • Merhaba, eğer kabul ederseniz ben de buna katkı sunmak isterim. Kendi memleketimdeki çocuklara yaratıcı teknoloji öğretmek istiyordum. Ben Nijerya/Afrika'dayım ve JavaScript'i tek tırnak ve noktalı virgül olmadan kullanıyorum