TrueType QR Code yazı tipi - yalnızca yazı tipiyle QR kod oluşturma

 (qr.jim.sh)
4 puan yazan GN⁺ 3 시간 전 | 2 yorum | WhatsApp'ta paylaş
  • Köşeli parantez içine alınmış metni QR koda dönüştüren bir TrueType/OpenType yazı tipi; böylece görsel üretmeden belgelerin içine QR kod eklenebilir
  • Dönüştürme, yazı tipinin içindeki OpenType kuralları tarafından yapılır; köşeli parantez dışındaki metin ise normal Latin metni olarak aynen gösterilir
  • QR kod blokları da metin olarak kaldığı için kopyala-yapıştır, düz metin olarak kaydetme ve normal cümlelerle satır içinde yerleştirme mümkündür
  • Tarayıcı satır sonunu şekillendirmeden önce belirlediğinden, boşluk, nokta, eğik çizgi gibi yerlerde QR kod birden fazla satıra bölünebilir
  • HTML'de kararlı görünmesi için köşeli parantez bloğunu white-space: nowrap; veya display: inline-block; uygulanmış bir kapsayıcıyla sarmak gerekir

Yazı tipinin QR kod oluşturma yöntemi

  • Jim's TrueType QR Code Font, gerçek bir TrueType/OpenType yazı tipidir ve [hello] gibi köşeli parantez içine yazılan metni QR kod olarak render eder
  • QR kod üretimi, yazı tipinin içindeki OpenType kuralları ile işlendiğinden ek görsel üretimi veya ön işleme adımı gerekmez
  • Köşeli parantez dışındaki metin, okunabilir normal Latin metni olarak kalır
  • Köşeli parantez içinde yazdırılabilir ASCII kullanılmalıdır
  • Yazı tipine göre desteklenen uzunluklar şöyledir
    • QR Font 1-L: blok başına en fazla 17 karakter
    • QR Font 2-L: blok başına en fazla 32 karakter
    • QR Font 3-L: blok başına en fazla 53 karakter
    • Plain Sans: QR ayrıştırma yok
  • Normal metin, Liberation Sans'tan türetilmiş bir yazı tipiyle gösterilir

Metin olarak kalan QR kodlar ve görüntüleme uyarıları

  • QR kod metin olarak korunduğu için render edilmiş QR blokları normal karakterler gibi kopyalanıp yapıştırılabilir, düz metin olarak kaydedilebilir veya Latin metniyle satır içinde karıştırılabilir
  • Tarayıcı yerleşim motoru, şekillendirmeden önce Unicode metne göre satır sonlarını belirler
    • Boşluk, nokta, eğik çizgi gibi satır sonuna izin veren karakterler varsa ve metin kapsayıcısının sonuna gelinirse QR kod birden fazla satıra ayrılabilir
    • HTML'de köşeli parantez bloğu, white-space: nowrap; veya display: inline-block; stili uygulanmış bir kapsayıcıyla sarılmalıdır; ancak bu şekilde kararlı biçimde render edilir
  • İndirme ve kaynaklar

İlgili okumalar

2 yorum

 
xguru 3 시간 전

Bu güzelmiş. Bir gün işe yarayacak gibi görünüyor.
GeekNews'te kullanıma alsak nasıl olur diye düşündüm ama uygun bir kullanım alanı bulamıyorum.

Metin tabanlı kullanıma uygun olan şeyleri GeekNews'e sürekli ekliyoruz.

Datatype - metni grafiğe dönüştüren değişken font
Google, siyah-beyaz emoji fontu Noto Emoji'yi duyurdu
 
GN⁺ 3 시간 전
Lobste.rs yorumları

  • QR kodunda içeriğin nereye kodlandığını gösterme biçimi güzel. Sağ alttan başlayıp yukarı aşağı zikzak çizerek ilerlemesi ve sağdan sola doldurulması akışı görünür kılıyor
    Yine de amaç buysa, konumlama/hizalama/zamanlama işaretleri ] karakterini beklemek yerine [ karakterinde hemen dolsaydı oluşturma süreci daha iyi görülebilirdi. Tabii ] tarafında işlemek, garip ara durumların ya da aşırı uzun değerlerin kod sanılması gibi şeyleri önlüyor; bunu da anlıyorum

  • Harika. Yakın zamanda işte kullandığımız bir QR kod, ücretli QR kod oluşturucu arkasında rehin alınan bir dolandırıcılığın kurbanı oldu
    Daha dikkatli olmalıydım ama web tabanlı JavaScript QR kodlayıcılarıyla dolandırıcı QR servislerini ayırt etmek zordu. Böyle açık alternatiflerin arama motoru optimizasyonunu daha iyi yapmasını ve işi gereği bunu çok iyi bilmek zorunda olmayan insanların da dolandırılmaktan kaçınabilmesini isterdim

    • Genelde JavaScript QR oluşturma kütüphanesi diye aratıp GitHub üzerinden demo sayfasına gidiyorum :p
    • QR kodunu hayatımda hiç taramadım. Bir restoran menüyü görmek için QR kodu istiyorsa direkt çıkıyorum
    • GHCQ'nun CyberChef'ini kullanabilirsiniz. İndirilebilir bir web sayfası

  • Ah, OpenType'ın Turing-tam olduğunu düşününce bunu beklemeliydim

    • Meydan okuma: bir şekilde OpenType içinde Doom çalıştırmak

  • Sitenin kısa süreliğine kendi yazı tipini ayarlamasına izin veren geçici bir düğme olsa güzel olurdu

  • Sadece bana mı öyle geliyor bilmiyorum ama mobilde çalışmıyor gibi. Seçim kutusunda hangi yazı tipini seçersem seçeyim ikisi de normal metin gibi görünüyor
    Android'de Brave tarayıcısında denedim

    • Bilgi için, iOS Safari'de düzgün çalışıyor
    • Android'de Firefox'ta çalışıyor. Chrome yok, o yüzden test edemedim

  • QR içeriğinin metnini kopyalayabilme özelliği Chrome'da bozuk görünüyor. Bana göre havalı OpenType hack'i bir yana, en büyük avantajı buydu; ama QR'nin kendisini seçip kopyalayınca sadece kapanış köşeli parantezi çıkıyor

    • Aynı şeyi ben de gördüm. Çift tıklamanın seçtiği aralığın sorunuyla daha ilgili gibi görünüyor
      Seçim alanını sürükleyip tüm QR'yi kesin olarak kapsarsanız, tam metin de onunla birlikte kopyalanıyor