Membuat font dari tulisan tangan saya sendiri

 (chameth.com)
1 poin oleh GN⁺ 2025-09-07 | 1 komentar | Bagikan ke WhatsApp
  • Untuk menambah karakter pada situs web pribadi, ia mencoba membuat font tulisan tangan sendiri
  • Penggunaan alat open source seperti FontForge dan Inkscape terasa tidak intuitif dan merepotkan
  • Pada akhirnya, melalui layanan berbayar Calligraphr, ia bisa membuat dan mengedit font tulisan tangan dengan mudah
  • Diperlukan penyesuaian kecil dan revisi berulang yang terus-menerus, tetapi ia merasa puas dengan hasil akhirnya
  • Ia juga terkesan dengan kebijakan bisnis yang ramah pengguna dari Calligraphr dan merekomendasikannya

Upaya menambah karakter pada situs web pribadi

  • Ia ingin situs webnya memiliki nuansa yang lebih personal dan unik, berbeda dari situs perusahaan yang terasa hambar
  • Untuk memberi perubahan kecil dari sisi desain, ia selama ini menambahkan efek unik pada gambar, tautan, dan elemen lainnya
  • Ia ingin mengganti font monospace yang ada dengan font kursif bergaya tulisan tangan, tetapi karena tidak menemukan font yang cocok, ia memutuskan untuk membuatnya sendiri

Tantangan dan kegagalan dengan alat open source

  • Ia mencoba membuat font berbasis vektor menggunakan alat open source seperti Inkscape dan FontForge
    • Dengan tablet grafis, ia menulis huruf kapital A, B, C lalu menyimpannya sebagai SVG untuk diimpor ke editor font
    • Ia frustrasi dengan pengalaman pengguna FontForge yang tidak nyaman dan UI yang tidak intuitif
    • Bahkan pada pekerjaan dasar seperti memilih dan mengimpor file serta memuat SVG, ia mengalami banyak trial and error dan kerepotan
    • Dalam proses pengeditan glyph, handle Bezier untuk mengatur kurva juga terasa sulit dikendalikan
    • Karena pesan error yang berulang dan perpindahan alur kerja yang merepotkan, ia berhenti di tengah jalan
  • Ia juga mencoba fitur pembuatan font SVG di Inkscape, tetapi merasa prosesnya rumit dan tidak efisien, karena setiap glyph harus digabung menjadi satu path dan membutuhkan pengetahuan pengeditan vektor

Memilih layanan web berbayar (Calligraphr)

  • Saat mencari berbagai tutorial open source, ia menemukan layanan closed source bernama Calligraphr
    • Versi gratis memiliki batasan seperti ligature, variasi yang beragam, dan batas 75 glyph, tetapi fitur premium dapat digunakan dengan pembayaran satu kali untuk 1 bulan
    • Ia sangat menghargai model penggunaan dengan sekali bayar tanpa perpanjangan otomatis serta kebijakan harga yang transparan
  • Cara menggunakan Calligraphr
    • Metodenya adalah mencetak template, menulis di atasnya dengan tulisan tangan, lalu memindainya dan mengunggahnya ke layanan
    • Template dapat memuat berbagai bentuk seperti karakter, simbol, dan ligature yang dipilih
    • Ia bisa membuat beberapa versi untuk dievaluasi dan dipilih, serta menambahkan ligature kustom yang disesuaikan dengan judul blog
    • Ia menggunakan pena Sharpie untuk memberi karakter dengan tulisan yang tebal dan jelas
    • Ia memanfaatkan fitur pemindaian dokumen di iPhone untuk memindai ke PDF lalu mengunggahnya

Penyempurnaan berulang dan penyesuaian detail font

  • Melalui UI web Calligraphr, ia dapat melihat pratinjau font dan menguji penerapan langsungnya
    • Ia menerapkan font tersebut pada situs web nyata untuk memeriksa keterbacaan dan desain pada berbagai ukuran
  • Versi pertama memiliki masalah seperti huruf yang tidak sejajar dengan baseline sehingga keseimbangannya terganggu, lalu ia memperbaikinya secara detail melalui fitur penyesuaian posisi dan ukuran
  • Ia mengurangi jarak antarhuruf (kerning) untuk memberi kesan sambungan alami khas tulisan tangan
  • Beberapa glyph mengandung noise hasil pemindaian di luar area glyph sehingga menghasilkan jarak yang aneh
    • Jika hanya lebarnya yang dipersempit, titik-titik terpisah tetap tertinggal di dalam kalimat
    • Ia memperbaikinya dengan mulus dengan menghapus piksel yang tidak diperlukan sepenuhnya menggunakan alat edit
  • Pekerjaan berulang seperti ini justru terasa menyenangkan karena peningkatannya terlihat jelas di depan mata

Hasil dan pengalaman positif dengan layanan Calligraphr

  • Font yang selesai dibuat memberi nuansa yang mirip tulisan tangan asli pada header, caption, dan elemen lain di situs web, sesuai karakter yang ia inginkan
  • Berkat ketebalan Sharpie, keterbacaannya tetap sangat baik bahkan pada ukuran kecil
  • Dibanding alat open source, ia merasakan efisiensi dalam menyelesaikan hasil dengan waktu yang lebih singkat dan biaya yang lebih rendah
  • Bahkan setelah langganan berakhir, Calligraphr secara otomatis menyediakan backup (export) data pengguna
    • Dalam format JSON, seluruh informasi glyph dan data gambar disimpan sehingga bisa digunakan nanti untuk berlangganan kembali atau pengeditan tambahan
    • Ia terkesan dengan praktik bisnis yang ramah pengguna seperti kebijakan yang jelas sejak awal, tidak mendorong pembayaran berulang, dan penyediaan data yang transparan
  • Jika ingin mencoba pekerjaan serupa, ini adalah pengalaman yang layak direkomendasikan, setidaknya karena kesederhanaan dan layanan yang berpusat pada pelanggan dari Calligraphr

Bacaan terkait

1 komentar

 
GN⁺ 2025-09-07
Komentar Hacker News
  • Pada 2013 saya pernah melakukan hal serupa untuk situs web pernikahan saya. Saya memakai layanan surat untuk membuat TTF yang lumayan bagus, lalu mengubahnya menjadi WOFF. Sampai sekarang masih online di https://ruthandjosh.net/story/ (peringatan nuansa milenial)
    • Mempertahankan situs dengan tautan yang masih hidup di zaman seperti ini benar-benar luar biasa
    • Cerita ini benar-benar indah, saya sama sekali tidak merasa geli dibuatnya
    • Terima kasih sudah membagikan kegemasan seperti ini, saya jadi bisa menutup minggu dengan menyenangkan. Shabbat shalom
    • Situs ini benar-benar keren. Desain dan tata letaknya justru terasa melampaui zaman
    • Saya penasaran apakah Ruth benar-benar minum sampanye sendirian di pesawat
  • Saya mendukung usaha dan perjalanannya. Saya bisa memahami pilihan jujur untuk menyerah pada alternatif open source dan memilih alternatif murah agar bisa benar-benar memiliki sesuatu sendiri. Cerita saya juga mirip. Saya juga kreator otodidak, jadi kadang saya keras kepala karena benar-benar ingin mencoba teknik atau alat tertentu. Mungkin ini karena sunk cost atau perfeksionisme. Desain situsnya benar-benar penuh karakter. PS: saya menyimpannya di bookmark Firefox saya dengan tag fonts, developer-blog, creative-sites, boutique-designs
  • Tulisan tangan saya benar-benar jelek, dan makin sering menulis justru makin buruk. Lingkaran setan. Karena tulisan tangan saya jelek, saya jadi mengetik semuanya, lalu karena tidak berlatih, jadinya makin parah. Kalau saya membuat font dari tulisan tangan saya, rasanya itu bahkan bisa dipakai sebagai hash kriptografis. Meski begitu saya suka idenya. Saya tidak merasa mengetik pesan itu kurang personal dibanding menulis tangan, tapi kenyataannya memang terasa sedikit kurang personal. Font tulisan tangan mungkin bisa sedikit menutupi perasaan itu
    • Cocok juga dipakai sebagai font untuk sampul album black metal
    • Saya rasa fenomena seperti "karena ada cara yang lebih mudah, orang sampai tidak merasa perlu lagi mempelajari keterampilannya dan perlahan kehilangan kesempatan untuk belajar" benar-benar masalah serius sekarang. Karena hanya belajar sistem yang mudah, akhirnya yang dipelajari bukan keterampilan sungguhan, melainkan cuma cara memakai sistem. Misalnya, teman serumah saya hanya bisa memakai sistem pengasah pisau dan tidak bisa mengasah pisau dengan tangan. Tanpa sistem itu dia tidak bisa apa-apa. Sekarang orang seperti ini benar-benar makin banyak. Mereka cuma mengikuti manual tanpa punya kaitan dengan alasan di baliknya. Secara sosial juga kemampuan dasar orang benar-benar melemah, mungkin karena kapitalisme membuat semuanya menjadi struktur di mana orang membayar untuk menghemat waktu
  • Sepengetahuan saya Microsoft Font Maker masih berjalan gratis di stylus Windows Ink sekarang (meski performanya mungkin kurang bagus). Saya tidak ingat dulu pakai apa, tapi mungkin itu termasuk dalam PowerToy untuk Windows Tablet PC. https://apps.microsoft.com/detail/9n9209f8s3vc?hl=en-US&gl=US
  • Karena saya mengalami kekerasan saat kecil, tulisan tangan saya sangat jelek. Saya juga tidak pandai menulis sambung. Kalau ada font yang dibuat dari tulisan tangan saya, semua orang mungkin akan berkata, "wah, orang tuanya pasti sangat tidak bertanggung jawab." Di Microsoft Word nama font-nya mungkin akan muncul sebagai "Danny Wets The Bed". Ini cuma bercanda, tapi tulisannya enak dibaca dan postingannya bagus sekali
  • Saat remaja saya pernah membuat ttf-font dari tulisan tangan gadis yang saya sukai dan memberikannya sebagai hadiah. Saya benar-benar meremehkan pekerjaan itu. Saya memakai alat yang ada di Corel Draw Suite, memindai alfabet yang dia tulis, lalu memvektorisasi semua hurufnya satu per satu. Kerja rodi sekali. Sudah 25 tahun berlalu sejak itu, dan saya masih heran dengan semangat murni saya waktu itu. Hanya demi membuat satu hadiah ulang tahun, saya menghabiskan waktu luar biasa banyak, dan sebenarnya saya hampir tidak tahu sedang melakukan apa. Pada akhirnya selesai juga, tapi rasanya itu justru mungkin karena saya tidak tahu apa-apa
    • Jauh lebih bagus daripada mixtape. Kalau saya menulis sesuatu dengan tulisan tangan saya sendiri, itu malah seperti hukuman
    • Saya penasaran bagaimana kelanjutannya dengan dia. Apakah semua usaha itu sepadan, apakah akhirnya bahagia
  • Saya penasaran apakah teknologinya sudah cukup maju sampai hasilnya benar-benar tidak bisa dibedakan dari tulisan tangan asli. Kalau ini dipakai untuk mengerjakan tugas tulisan tangan yang diminta dosen di kampus, saya juga penasaran apakah bisa lolos tanpa ketahuan. Tentu ini hanya skenario hipotetis
  • Saya penasaran apakah ada cara mengubah pendekatan yang dicoba Amy Goodchild ( https://www.amygoodchild.com/blog/cursive-handwriting-in-javascript ) menjadi berkas font sungguhan
    • Mungkin ini akan menjadi masalah "menerjemahkan" path Chaikin menjadi kurva Bézier. Lalu bisa dibuat menjadi font Metafont, dan dari situ saya rasa mungkin juga bisa diubah ke ttf, otf, dan lain-lain
  • Ada juga orang-orang lain yang menempuh jalur serupa
    • Ada juga font Tekton yang hebat dan sudah ada sejak lama. Itu didasarkan pada tulisan tangan arsitek Frank D.K. Ching, tetapi desain aslinya dikerjakan oleh David Siegel dari Adobe
  • Pekerjaan yang sangat keren. Terima kasih sudah berbagi. Saat ini saya sedang menyiapkan workshop bersama anak-anak, dan saya ingin memberi mereka pengalaman "menggambar sendiri" situs web atau web app mereka. Sampai sekarang saya belum memasukkan pembuatan font karena saya tidak tahu caranya, tapi sekarang saya jadi tahu. Terima kasih banyak! Kalau ada ide lain untuk membuat workshop seperti ini lebih seru, saya ingin sekali mendengarnya. Misalnya membuat prototipe dari kertas lalu mengubahnya menjadi click dummy sungguhan, supaya perpindahan antara analog dan digital terasa alami. Sebagai catatan, anak-anak yang dimaksud di sini berusia 8–10 tahun
    • Halo, kalau Anda berkenan, saya juga ingin ikut berkontribusi di sana. Saya ingin mengajarkan keterampilan kreatif kepada anak-anak di kampung halaman saya. Saya berada di Nigeria/Afrika, dan saya memakai JavaScript tanpa tanda kutip tunggal dan titik koma