Show GN: Statik sitede Korece web fontlarını optimize etmek

 (palindrom615.dev)
8 puan yazan palindrom615 2020-03-02 | 5 yorum | WhatsApp'ta paylaş

gatsby.js ile yazılmış bir static site içinde Hangul font dosyalarını subfont ile optimize etme deneyimimi yazdım.

  • HTML'i statik olarak analiz edip fontta kullanılan karakterleri yalnızca gerekli alt kümeye ayırarak kullanma

  • Yalnızca eklenti ve config dosyası değişiklikleriyle her build sırasında optimizasyon

  • google fonts gibi harici web font hosting hizmetlerine ihtiyaç duymadan self-host etme

  • Font formatını bilmeye gerek kalmadan TrueType fontları olduğu gibi kullanma

İlgili okumalar

5 yorum

 
sduck4 2020-03-03

İçerik değişip glifler eklenip/çıkarıldığında önbellekten yararlanılamıyor.

İçeriği gerçekten 'statik' olan siteler için güzel olabilir ama sık sık yeni içerik eklenen bloglar için uygun bir yöntem gibi görünmüyor.

O hâlde hepimiz Google Fonts kullanalım!
 
xguru 2020-03-02

Buna Show GN yazmanız gerçekten HN havası veriyor. Teşekkürler ;)

Sadece Show'ları topluca görme özelliğini hazırlamıştım, ama henüz çok fazla olmadığı için üst menüye eklemedim. Sayısı artarsa açarım!

Yazıyı da keyifle okudum. Statik sayfa + subfont kombinasyonu harika.
 
nezz1204 2020-03-03

Hacker News'u çok takip etmediğim için Show özelliğinin ne olduğunu merak ediyorum?
 
xguru 2020-03-03

Hacker News'te başına Show HN eklenerek, insanların kendi yaptıkları hizmetleri ya da açık kaynak projelerini paylaştığı bağlantıların toplandığı ayrı bir sayfa var.

https://news.ycombinator.com/show

Normal HN'deki haber bağlantılarında olduğu gibi, çok oy alırsa ana sayfaya çıkması aynı şekilde geçerli; ancak ayrı bir yerde toplanarak bir kez daha göz atılabilmesi için ayrıcalık tanındığını söyleyebiliriz.

Aynı zamanda Hacker News kullanıcılarına denemelerini tavsiye etmekle birlikte, geri bildirim almak ve soru sormak amacıyla da kullanılır.

Mükemmel bir ürün olmasa da, erken aşamada olsa da fark etmez; "berbat" gibi suçlayıcı tepkilerden ziyade, "şöyle yapsan nasıl olur?" türünden üretken geri bildirimlerin yapıldığı bir yerdir.

Yeni hizmetlerin ve açık kaynak projelerinin ortaya çıkabilmesini destekleyen bir yer olduğu için, bence Hacker News'ün sahip olduğu en büyük olumlu işlevlerden biri bu olabilir.
 
nezz1204 2020-03-04

Ah! Bu gerçekten çok faydalı bir özellikmiş. Açıklama için teşekkürler.