- Untuk tata letak disertasi doktoral abad ke-21, digunakan Dutch Fell types sekitar tahun 1670, dengan tujuan menghidupkan kembali tekstur cetak letterpress yang dipotong tangan dan disusun manual di LaTeX, alih-alih keseragaman font digital
- Fell types adalah jenis huruf yang mendahului Caslon sekitar setengah abad; Igino Marini mendigitalisasikannya sebagai IM Fell dan menerapkan fitur OpenType, lalu font ini juga disediakan di Google Fonts
- Meskipun memiliki x-height yang tidak rata, baseline yang kasar, dan serif yang berbeda-beda, aliran di dalam huruf dan antarhuruf tetap seimbang sehingga nyaman dibaca bahkan dalam teks panjang
- Pada ukuran teks utama, goresan vertikalnya sedikit lebih tebal daripada Caslon sehingga menimbulkan efek picket-fence; dengan
fontspecdi LaTeX, jarak antarhuruf diperlebar dan huruf miring serta header disesuaikan secara terpisah - Pada akhirnya, beberapa glyph dan kerning diperbaiki dengan FontForge untuk mengatasi tumpang tindih antara solidus dan titik
i, serif padau, small-capC, serta en dash dan em dash, tetapi pengurangan ketebalan goresan dihindari karena berisiko menimbulkan distorsi
Tekstur letterpress yang kurang dalam font digital
- Font digital umum untuk teks utama, bahkan jenis huruf terkenal seperti Caslon atau Garamond, terlalu seragam dan rapi sehingga kurang menghadirkan kesan seperti dipotong dengan tangan dari huruf cetak lama
- Rekonstruksi digital yang setia terhadap jenis huruf letterpress cukup langka; Founder's Caslon karya Justin Howes adalah salah satunya, tetapi setelah ia meninggal akibat serangan jantung pada 2005 di usia 41 tahun, font itu tidak lagi tersedia secara komersial
- Pengalaman melihat langsung specimen sheet asli William Caslon yang dicetak di London pada 1741 di koleksi langka perpustakaan universitas mendorong upaya meniru cetak letterpress dalam disertasi doktoral
- Karena universitas tidak mewajibkan format disertasi dalam Times New Roman 12pt, disertasi doktoral itu bisa menerapkan pendekatan tata letak yang berbeda
Alasan memilih Fell types
- Dutch Fell types sekitar tahun 1670 adalah jenis huruf yang mendahului Caslon sekitar setengah abad
- Selama 10 tahun terakhir, Igino Marini mengerjakan digitalisasi Fell types secara setia dan menerapkan fitur tata letak tingkat lanjut dari OpenType
- Font digital ini kemudian juga tersedia di Google Fonts
- Specimen book pertama Fell types yang dicetak oleh Oxford University Press pada 1693 terbit saat J. S. Bach berusia 8 tahun, dan hanya ada empat salinan yang diketahui
- Karena banyak punch dan matrix aslinya hilang, termasuk yang terbuat dari kayu, specimen tersebut menjadi satu-satunya catatan untuk sebagian bentuk huruf
Jenis huruf yang kasar tetapi seimbang
- Bahkan menurut standar letterpress, Fell types tergolong jenis huruf yang kasar
- x-height tidak konsisten
- baseline bergelombang
- serif tidak seragam
- Meski ada gangguan visual di permukaan, keseimbangan di dalam tiap huruf dan aliran menuju huruf berikutnya sangat halus sehingga tetap nyaman dibaca
- Ciri-ciri ini juga muncul pada jenis huruf serupa yang banyak digunakan di Eropa barat laut, dari Belanda hingga Denmark, lalu menyebar lebih luas melalui Caslon dan tetap dihargai tinggi hingga kini
- Jika Caslon dan Fell types dibandingkan pada tingkat glyph, perbedaannya sebagian besar tampak di permukaan, tetapi pada tingkat kata, baris, dan paragraf, perbedaannya menjadi lebih halus
Efek picket-fence yang muncul dalam teks utama
- Pada optical size untuk teks utama, Fell types memiliki goresan vertikal yang sedikit lebih tebal daripada Caslon, sehingga warna halaman tampak lebih gelap dan memberi kesan seperti picket-fence
- Jika efek picket-fence muncul terlalu ekstrem, pembaca modern bisa kesulitan membacanya; Gothic script adalah contoh yang mudah terbayang
- Dalam teks panjang, pembaca bisa merasakan sedikit sensasi seperti ‘tertahan’
- Jarak antarbaris yang luar biasa besar dalam disertasi universitas makin memperbesar ketidakseimbangan antara kepadatan vertikal dan horizontal
Prinsip Marini dan penyesuaian jarak huruf
- Pada 2015, Igino Marini menjelaskan bahwa premis proyek Fell Types adalah mereproduksi bentuk asli sedekat mungkin, dan bentuk digital serta kerapatan spacing keseluruhan juga dipertahankan tanpa interpretasi aktif
- Bagi Marini, tujuan Fell Types bukanlah membuat jenis huruf yang terasa menyenangkan atau modern, melainkan rekonstruksi yang setia
- Dengan melanggar kaidah tipografi yang mengatakan jarak huruf kecil sebaiknya tidak diubah, semua huruf diberi sedikit tambahan jarak menggunakan paket fontspec di LaTeX
- Tujuan penyesuaian itu adalah mencapai tingkat di mana ‘hambatan’ vertikal dan horizontal pada teks terasa hampir sama
- Hasilnya nyaris tak terlihat pada tingkat mikro, tetapi pada keseluruhan paragraf, tekanan visual sedikit berkurang sehingga teks terasa lebih bernapas dan lebih bebas dibaca
- Paket microtype di LaTeX juga digunakan untuk menerapkan margin kerning, yaitu protrusion
Perlakuan terpisah untuk huruf miring dan header
- Setelah jarak huruf kecil diperlebar, huruf miring terlihat terlalu renggang
- karena bentuk huruf miring lebih menyerupai tulisan tangan yang saling terhubung
- kata-kata miring di teks utama kemudian dikompresi kembali ke jarak huruf bawaan
- Sebaliknya, huruf miring di header halaman yang ditampilkan pada ukuran lebih kecil justru tampak terlalu rapat
- setelah specimen 1693 diperiksa lagi, ternyata huruf miring berukuran kecil memang disusun dengan jarak huruf yang lebih besar untuk meningkatkan keterbacaan
- pada huruf miring header diterapkan penambahan jarak yang lebih besar daripada Roman pada teks utama
- Keesokan harinya, huruf miring dalam teks utama pada ukuran normal kembali terlihat terlalu rapat sehingga disesuaikan lagi
- Hasil akhirnya dapat dilihat dalam disertasi doktoral
Masalah LaTeX dan tampilan PDF
- File font Fell memanfaatkan pengaturan tingkat lanjut dari standar font digital sehingga menimbulkan berbagai masalah dalam penataan LaTeX serta tampilan dan pencetakan PDF
- Masalah terkait dan solusinya dibahas dalam thread Stack Exchange
Glyph dan kerning yang diperbaiki dengan FontForge
- Agar disertasi menjadi hasil tata letak yang benar-benar mandiri, sebagian bentuk glyph dan kerning table dimodifikasi langsung
- Perubahan seperti ini tidak bisa dilakukan dengan pengolah kata atau Adobe Illustrator, melainkan membutuhkan program penyunting font khusus
- Alat yang digunakan adalah FontForge, dan saat itu font IM Fell tersedia di bawah SIL Open Font License
- IM Fell didigitalisasi bukan dari cetakan asli 1693, melainkan dari rekonstruksi kemudian yang memakai huruf hasil pengecoran ulang akhir abad ke-19, sehingga tidak sepenuhnya sama dengan specimen asli
- Motivasi utama perubahan itu bukan mengejar keaslian, melainkan karena beberapa patahan mencolok pada huruf yang tampaknya muncul dalam proses pengecoran ulang abad ke-19 mengganggu keterbacaan
- Font digital ini sedikit lebih tebal daripada aslinya, tetapi ketebalan goresan tidak dikurangi karena proses menipiskan bagian tebal lebih jauh berisiko menimbulkan distorsi
- Berkat jarak huruf yang diperlebar, warna keseluruhan blok teks juga tidak terasa terlalu gelap untuk dibaca
Daftar perubahan spesifik
- Titik pada
ibisa bertumpang tindih dengan solidus dalam kasus sepertiout/in, sehingga tumpang tindih ini dihilangkan- cara lain adalah memakai
{\\i}di LaTeX untuk menggunakan dotless i seperti ligatur/i - dalam prosa, penggunaan solidus sebisa mungkin sebaiknya dihindari
- cara lain adalah memakai
- Serif kanan atas pada
uyang menonjol ke atas diperbaiki- pada specimen asli Fell types tidak ada tonjolan seperti ini
- serif dibuat lebih pendek secara horizontal agar tidak tampak menyatu dengan goresan kiri dan supaya lebih mudah dibaca
- Masalah small-cap
Cyang tampak sepertiGdikurangi- pada specimen sendiri memang terlihat seperti
G, tetapi karenaClain tidak demikian, ini dinilai sebagai anomali tak disengaja akibat pemotongan atau pencetakan yang kurang sempurna
- pada specimen sendiri memang terlihat seperti
- En dash dan em dash dibuat lebih panjang
- sebelumnya en dash tampak seperti hyphen, dan em dash tampak seperti en dash
- bentuknya juga dibuat lebih ramping agar lebih menyatu dengan warna keseluruhan blok teks
- Tumpang tindih antara huruf miring
gyang berdampingan tidak diperbaiki- dalam letterpress hal ini secara fisik mustahil kecuali dipotong bersama, tetapi jika bagian bawah dipisahkan maka jarak antara kedua huruf akan menjadi terlalu lebar
- specimen book tidak menunjukkan contoh bagaimana kasus seperti ini ditata pada masa itu
- tanpa menggambar ligatur
ggtersendiri, kondisi saat ini dianggap sudah cukup baik
Efek yang disengaja dari cacat kasar
- Pada gambar glyph yang diperbesar, patahan dan cacat pada jenis huruf tampak menonjol
- Kemungkinan huruf kayu dan logam itu sendiri memiliki begitu banyak cacat sebenarnya rendah, dan tekstur kasar kertas pada masa itu juga memengaruhi kesan tersebut
- Jika dicetak pada ukuran normal di atas kertas modern yang halus, patahan dan cacat semacam ini menciptakan efek seolah-olah huruf itu dicetak pada kertas buatan tangan dari huruf yang dipotong tangan
- Pertanyaan apakah disertasi tentang komputasi abad ke-21 boleh terlihat seperti cetakan era Renaisans terhubung pada adegan 2001: A Space Odyssey tempat masa lalu yang jauh dan masa depan yang jauh bertemu
1 komentar
Komentar Hacker News
Saya juga mencoba pendekatan serupa dengan CSS di “content farm bergaya abad pertengahan” saya (https://tidings.potato.horse), tetapi karena masalah performa, saya hanya mengacak opasitas dan rona tiap huruf, lalu menghapus transformasinya
Langkah berikutnya adalah menambahkan area padding kecil untuk menutupi ruang kosong di sisi kanan teks[1][2], agar kolom teks terlihat lebih rapi. Tampaknya pada masa itu horror vacui cukup penting
Anehnya, ini jadi jauh lebih mudah dengan container queries dan Stable Diffusion: masukkan contoh pola ke SD, skalakan ke sekitar 10 ukuran, lalu gunakan sebagai latar belakang elemen yang sesuai dengan ruang kosong di tiap baris, dan pilih gambar yang cocok dengan container query
Hasilnya terasa rapi tetapi organik, dan kita juga bisa pamer bahwa kita tidak memakai JS
[1] https://i.pinimg.com/originals/2f/46/2d/2f462df256f4bd509b48...
[2] https://i.pinimg.com/originals/ac/68/a8/ac68a86da5ec457960d0...
Rendering teksnya benar-benar indah, bahkan ada efek tinta yang mengering sesaat setelah huruf muncul. Saya sempat berharap ada blog teknis tentang teknik rendering teks mereka, tetapi belum pernah melihatnya
Dalam IPA, tampaknya lebih dekat ke /rafaw pastuʂak/. Sebagai catatan, /ʂ/ sangat mirip dengan /ʃ/
Tanda kutip di halaman itu cukup berantakan. Praktik terbaiknya adalah memakai kutip ganda melengkung atau kutip tunggal melengkung, bukan kombinasi backtick dan apostrof
Lihat https://www.cl.cam.ac.uk/~mgk25/ucs/quotes.html. Intinya, jangan gunakan aksen grave ASCII (0x60) sebagai tanda kutip pembuka seperti pada `quote' dan apostrof ASCII (0x27) sebagai tanda kutip penutup
Dan Founder's Caslon tersedia secara komersial. Setidaknya sekarang tersedia
https://www.myfonts.com/collections/founders-caslon-font-itc
Mungkin juga dia menyalin-tempel dari sumber LaTeX lalu lupa memperbaiki tanda kutipnya
Setidaknya di lingkungan saya, huruf miring di halaman itu juga hilang. Alih-alih memakai glyph italic terpisah, tampilannya seperti oblique, yaitu roman yang dimiringkan. Beberapa sistem memprosesnya seperti ini jika tidak menemukan glyph italic atau jika konfigurasinya salah
Jika dipakai sebagai markup yang nantinya diubah menjadi tanda kutip melengkung di sisi yang dilihat pengguna, menurut saya itu praktik yang wajar. Bahkan dalam tulisan tangan pun saya kadang menulisnya seperti tanda kutip pembuka yang dibesar-besarkan
Kalau menulis dengan rapi, saya menggambar tanda kutip melengkung atau tik yang saling berhadapan seperti cermin, tetapi untuk tulisan cepat atau Markdown, pembedaan buka/tutup jadi jelas sehingga terasa lebih mudah dibaca daripada hanya memakai satu tanda kutip tunggal
Jika ingin font variabel keluarga Fell yang bentuknya lebih rapi, lihat Elstob: https://psb1558.github.io/Elstob-font/
Anda bisa mengatur slider, dan mudah membuat efek spasi seperti yang dibahas di artikel
Font yang direkomendasikan mungkin lebih cocok untuk karya bergaya abad pertengahan, tetapi tetap saja masih terlihat digital
Artikel ini memperlihatkan dengan jelas mengapa, dan bagaimana, font diperlakukan sebagai program komputer sehingga dilindungi hak cipta
Orang awam, bahkan banyak programmer, mudah membayangkan font secara intuitif sebagai kumpulan gambar kecil, padahal kenyataannya pekerjaan yang terlibat sangat besar
Fakta bahwa sekarang kita punya banyak pilihan font bagus, dan kebanyakan dari kita bahkan tidak membeli lisensi font secara langsung karena seseorang telah menanggung biaya pembuatannya, adalah sebuah keberuntungan
Bahkan jika font itu hanya “kumpulan gambar kecil”, yaitu font bitmap, selama bukan sekadar kumpulan gambar yang sudah menjadi domain publik, tidak gagal memenuhi ambang kreativitas, dan bukan karya pemerintah atau kasus khusus lain, font itu tetap dilindungi hak cipta
Mereka juga sering menolak biaya tetap dan malah ingin mengambil porsi lebih besar jika jumlah pengguna aplikasi melewati skala tertentu. Hanya karena sebuah aplikasi populer bukan berarti aplikasi itu menghasilkan uang sebesar yang cukup untuk menghabiskan angka enam digit hanya untuk lisensi font
Kita bisa membuat aplikasi yang melayani jutaan pengguna dengan Linux, HTML, JS, CSS, Rust, Go, serta puluhan ribu library dan modul open source, sebagian besar tanpa biaya per pengguna atau bahkan sepenuhnya gratis, jadi terasa aneh jika font bisa menjadi komponen termahal dalam aplikasi
Menemukan font terminal baru: https://building-m.net/xbackbone/jOGE6/sUGEqePe74/raw.png
export LC_ALL=Latin.UTF-8, ini akan sangat menghidupkan metafora bahwa programmer sebenarnya adalah penyihir yang sedang merapal mantraDaripada mengodekan cacat bergelombang ke dalam font, akan lebih baik jika itu dihasilkan secara prosedural saat rasterisasi
Dengan begitu, terlepas dari ukuran font, tekstur kasarnya bisa dipertahankan pada resolusi yang sama. Dengan cara sekarang, jika font-nya 120pt, tepi kasarnya juga ikut membesar
Apakah ada cara untuk menentukan hal seperti ini dalam bahasa font? Atau harus diimplementasikan langsung oleh mesin rasterisasi?
Saya membayangkan menempatkan bentuk di sepanjang batas bentuk huruf dasar, lalu menaruh titik acak di dalam bentuk itu dan menghubungkan titik-titik tersebut dengan garis atau spline
Ukuran bentuknya bisa diubah tergantung seberapa besar perubahan bentuk yang diinginkan, dan ciri tertentu yang harus dipertahankan juga bisa dikendalikan. Mungkin ada orang yang bisa memikirkan cara yang lebih baik
Font per ukuran disetel dengan sangat teliti justru karena, seperti yang Anda katakan, detail kecil mulai terlihat aneh pada ukuran besar
Hanya saja, sistem tampilan utama seperti Windows, Mac, dan X tidak mendukungnya. Mungkin NeWS atau NeXT mendukung, tapi saya tidak yakin
Mungkin terlalu boros untuk kebanyakan rendering font, tetapi untuk merender slide akhir atau PDF rasanya akan menyenangkan. Tentu saja, kalau PDF itu mau dikirim ke printer, itu ide yang bodoh
Ini benar-benar pekerjaan yang luar biasa. Sangat sulit menemukan font historis yang tidak dimodernisasi berlebihan
Sebagai hobi, saya suka merestorasi kartu remi lama, dek tarot, dan bahan cetak lainnya lalu mencetak ulang agar bisa dipakai pembaca modern
Untuk membuatnya lebih mudah dibaca, memang benar menggunakan teks yang diterjemahkan atau direkonstruksi, tetapi kalau font seperti ini mudah didapat, pekerjaan saya akan jauh lebih mudah
Font ini buat saya sedikit terlalu berantakan, tetapi saya setuju bahwa “tipografi modern” sering kali terlalu tak bernyawa
Saya juga menantikan kebangkitan font serif. Saya kurang percaya pada narasi bahwa serif tidak cocok untuk web
Saya bukan ahli tipografi, tetapi saya suka dan sering ingin memakai Baskerville
Di sisi lain, saya sangat menyukai LaTeX, tetapi sangat tidak suka Computer Modern. Mungkin bukan semata masalah font-nya sendiri, melainkan karena semua makalah jadi terlihat sama saat memakainya, tetapi tetap saja terlalu membosankan
Seiring resolusi layar menjadi cukup baik untuk menampilkan serif mendekati cetak, perdebatan keterbacaan menjadi makin kurang penting. Bisa dibilang ini mulai terjadi sekitar 2010~2014, ketika Apple memopulerkan layar “Retina” di atas 200dpi, dan sekarang terlebih lagi karena sebagian besar penelusuran web terjadi di perangkat mobile
Yang benar-benar membuat perbedaan adalah asosiasi budaya dan branding yang dimiliki huruf serif. Belakangan ini rasanya saya lebih sering melihat tipografi serif di web bahkan dalam konteks modern dan teknologis, dan melihat redesain khas theverge.com, mungkin kebangkitan itu memang sudah dekat
Tulisan terkait: http://alexpoole.info/blog/which-are-more-legible-serif-or-s...
Fakta bahwa font ini terus dipakai meski kualitas tata letak LaTeX begitu baik nyaris terasa seperti dosa
Sejujurnya saya juga kurang suka gaya Didone yang klise itu. Gaya itu lebih cocok untuk iklan atau sampul majalah daripada untuk dibaca
Saya suka Baskerville, tetapi sedikit disayangkan bahwa satu-satunya versi open source yang saya tahu, Libre Baskerville, terlalu banyak mengubah desainnya demi layar. Caslon juga bernasib sama
Ternyata font ini cukup nyaman dibaca. Rasanya mata bergerak lebih mulus dari satu kata ke kata berikutnya
Menarik juga bahwa ketebalan tiap huruf yang sedikit tidak merata terasa mirip dengan font seperti OpenDyslexic, yang dirancang untuk membantu pembaca disleksia. Saya jadi penasaran apakah itu penyebabnya
https://en.m.wikipedia.org/wiki/OpenDyslexic
Pada akhir 1990-an dan 2000-an, ada arus tipografi yang mengejar desain font yang “matematis” dan “geometris”, dan jejaknya masih terlihat sampai sekarang. Misalnya memakai lengkungan yang persis sama, ukuran dan proporsi mangkuk yang sama, serta serif yang sama pada semua huruf
Kini itu umumnya dianggap jalan buntu. Teks terasa tidak manusiawi atau datar, peningkatan keterbacaan paling banter sangat kecil, dan sering kali malah memburuk. Selama tidak terlalu mengganggu, ketidakselarasan kecil tampaknya membantu pengenalan huruf dengan cepat
Arus masa kini lebih dekat pada ketidakselarasan tertentu yang dimasukkan dengan sengaja. Sebagian besar cukup halus sampai sulit disadari kecuali Anda memang meneliti font, tetapi secara keseluruhan memberi kesan organik dan membantu membedakan bentuk serupa yang dipakai pada huruf berbeda
Dari implementasi font dan tulisan yang saya lihat di situs ini, ini yang paling saya suka. Percayalah, saya mengklik semua tulisan seperti ini
Karena saya sedang menulis buku, perhatian yang terpecah karena font juga menjadi masalah yang wajar menyertainya