- Çeşitli monospace fontları karşılaştırarak kendiniz için okunması en kolay kodlama fontunu bulmanızı sağlayan web tabanlı etkileşimli oyun
- Her turda iki farklı font sunulur ve kullanıcı daha çok tercih ettiği fontu seçtiğinde kişiselleştirilmiş öneri sonucu oluşturulur
- Font Ligatures, font boyutu ayarı, tema değiştirme gibi görsel ögeleri doğrudan ayarlayarak gerçek geliştirme ortamına benzer koşullarda değerlendirme yapılabilir
- Kod örneklerinde
0, O, l, 1 gibi benzer karakter kombinasyonları yer alır; böylece fontlara göre karakter ayırt edilebilirliği test edilebilir
- Typogram’ın Studio aracıyla entegredir ve tarayıcıda doğrudan çalışabilen basit bir arayüz ile fontları keşfetmeyi ve karşılaştırmayı destekler
Başlıca özellikler
- Font Ligatures seçeneği açılıp kapatılarak bitişik yazım desteği olan ve olmayan fontlar karşılaştırılabilir
- Font Size 8~36 aralığında ayarlanarak farklı ekran ortamlarındaki okunabilirlik doğrudan kontrol edilebilir
- Show Name ve Theme ayarlarıyla font adının gösterilip gösterilmeyeceği ve ekran teması değiştirilebilir
- Her font aynı JavaScript kod örneği kullanılarak karşılaştırılır; böylece gerçek geliştirme ortamına benzer koşullarda değerlendirme yapılabilir
Kod örneğinin yapısı
- Örnek kodda tek satırlı yorum (
//) ve çok satırlı yorum (/* ... */) bulunur
- Arrow function sözdizimini kullanan
isMultipleOf fonksiyonu tanımlanmıştır ve sayı ile katları karşılaştıran basit bir mantık içerir
- Değişken adlarında
0, o, O, l, 1, I gibi birbirine benzeyen karakter kombinasyonları kullanılarak fontlara göre ayrım netliği kontrol edilebilir
- Fonksiyon çağrısının sonuçları konsola yazdırılır;
0 ve 1 karakterlerinin farklı ele alındığı örneklerle karakter ayırt edilebilirliği test edilebilir
Etkileşim ve kullanım akışı
- Kullanıcı her turda bir font seçer veya yön tuşlarıyla (
⇽, ⇾) ilerleyerek karşılaştırmayı sürdürür
- Seçim tamamlandığında bir sonraki font çiftine geçilir ve tekrarlar yoluyla kişinin okunabilirlik tercihleri kademeli olarak belirlenir
- Restart Game düğmesiyle oyun yeniden başlatılarak yeni bir karşılaştırma oturumu anında başlatılabilir
Ek özellikler ve keşif
- Üst menüdeki Browse sekmesi üzerinden çeşitli kodlama fontları doğrudan incelenebilir
- Studio bağlantısıyla Typogram’ın font tasarım aracına geçiş yapılabilir
- Tüm arayüz, ayrı kurulum gerektirmeden tarayıcıda hemen çalışabilen sade bir web tabanlı UI olarak tasarlanmıştır
1 yorum
Hacker News yorumları
Bu oyunda hoşuma gitmeyen şey, tarayıcının fontu doğrudan render etmesi
Chrome, fontları Freetype veya DirectWrite'tan farklı çizdiği için ne Windows ne de macOS ile tamamen örtüşüyor
Gerçek uygulama render'ını kayıpsız ekran görüntüleriyle göstermek daha doğru olur diye düşünüyorum
Fontların okunabilirliği boyuta göre değişiyor ve sonuç render ediciye göre de farklılaşıyor
Birkaç font test ettim; Fira Code'u baz alırsak 8'i daha iyiydi, 17'si daha kötüydü
Test sonuçları bağlantısı
macOS'un font render kalitesini gerçekten seviyorum ama Linux'ta benzerini elde edemedim
<=ifadesinin ligatüre dönüştüğünü görünce hemen eledimKod karakterleriyle oynanmasa keşke
Sonunda yine kullandığım Ubuntu Mono'ya geri döndüm. En azından tutarlılığı korumuş oldum
Font bulamıyorum diyenlere önermek istediğim bir şey var — MAPLE MONO
Okunabilirliği çok iyi ve Nerd Font uyumluluğu da başarılı
Hatta çevremdekiler bile fontumu görüp iltifat etmişti
Özellikle “null” gibi kelimelerde bu fark daha belirgin
Sevimli ve temiz, aynı zamanda da okunaklı
Ama “m” harfinin orta dikmesinin kısa olması gibi ince ayrımlar konusunda pek güçlü değil
Bu oyunu çok beğendim ama turnuva usulü yerine “Hot or Not” tarzı karşılaştırma olsaydı daha iyi olurdu
Benzer fontlar arasında seçim yapmak zor oluyor ve tercih yüzdesini görmek isterdim
Sevdiğim fontlar olan Berkeley Mono, Iosevka ve Cascadia Code yoktu
Onun yerine Roboto Mono vardı ama “m” ve “r” render'ı hoşunuza gitmiyorsa tüm font tuhaf hissettiriyor
Neredeyse kusursuz ve özelleştirme araçları da harika
Nix ortamında kullanmak için biraz hackvari ayar yapmak gerekmişti ama hâlâ severek kullanıyorum
Düzenlenmiş sürümümün bağlantısı
Varsayılan açık kaynak fontların da yeterince iyi olduğunu düşünüyorum
Kullandığım kodlama fontu comic-shanns-mono
Ama ‘+’ simgesinin boşluk olarak görünmesi gibi bir hata var
Sonunda Victor Mono'yu seçtim; aslında yıllar önce de birkaç yıl kullanmıştım
iPhone'da bir ilerleme çubuğu olsa iyi olurdu, bir de “bu fontu asla kullanmam” gibi bir seçenek olsaydı
Birkaç yılda bir dar fontlar (Iosevka) ile geniş fontlar (Azeret Mono) arasında gidip geliyorum
Terminalde iyiydi, o yüzden muhtemelen render edici farkından kaynaklanıyor
Bu aralar daha çok Iosevka kullanıyorum ama geçmişte Ubuntu Mono, JetBrains Mono, PT Mono, Terminus gibi çeşitli fontlar kullandım
Bunların arasında en kolay okunanı Liberation Mono olmuştu
Son zamanlarda Cascadia Code da beklenmedik şekilde hoşuma gidiyor
Birkaç hafta kullandıktan sonra çok daha okunaklı geldiği için daha büyük bir font sanmıştım ama aslında daha küçük olmasına rağmen okunabilirliği daha yüksekti
Başta fontlarla çok da ilgilenmediğimi sanıyordum ama Xanh Mono'yu görünce anında itici geldi
Sonunda VS Code'un varsayılan fontları olan Droid Sans Mono ile Roboto Mono'nun neredeyse aynı olduğunu fark ettim
Font kalınlığı veya emoji desteği daha iyi olabilir gibi geliyor
Bu oyun eğlenceliydi ama bir ilerleme göstergesi olsa iyi olurdu
Birincilik, ikincilik, yarı final, çeyrek final gibi sonuçları da gösterebilirdi