CSS

Fontları Kendi Kendine Barındırmak İçin Bir Neden

Geçen gün kişisel sitemdeki başlık yazı tipiyle ilgili garip bir şey olduğunu fark ettim. Bir zamanlar gliflerin parlayan ana hatlarla açıkça tanımlandığı yerde, aniden ana hatlar her yerdeydi ve glifleri garip şekillerde ikiye bölüyordu.

Sonra: Değişiklikten sonra yazı tipi oluşturma
Normal anahatlarla başlık yazı tipinin ekran görüntüsü
Önce: Yazı tipi nasıl görünmeli

Hemen varsayımım, bunun bir tarayıcı uyumluluğu sorunu olduğuydu. Sonuçta standart olmayan CSS özelliğini kullanıyordum. text-stroke.

h1 {
-webkit-text-stroke: 2px var(--accent);
text-stroke: 2px var(--accent);
}

Rağmen text-stroke şu anda iyi destekleniyor, birlikte geliyor bir uyarı tarayıcı uygulamaları arasında tutarsızlıklar olabileceğini ve davranışın gelecekte değişebileceğini söyledi. Firefox’un uygulamasını değiştirdiğini varsaydım. Ancak sonraki bir kontrol, hatanın şurada meydana geldiğini ortaya çıkardı. tüm tarayıcılar.

Christian Sonne önerdi Twitter’dan bu, değişen yazı tipinin kendisi olabilir ve tabii ki durum böyle oldu. Kişisel sitemde, kendi kendine barındırma yerine yerleştirme kodu aracılığıyla Google Yazı Tiplerini kullanıyordum. Bu, evet, Google’ın yazı tipini istediği zaman değiştirebileceği ve benim bundan haberim olmayacağı anlamına geliyor – daha önce düşünmediğim bir şey! Killian Valkhof’un yanıtladığı gibi Twitter’dan:

Değişken bir yazı tipine geçtiniz mi? Bu, olanlar için yaygındır, bu nedenle vuruşlar daha kolay biçimlendirilebilir. Yine de, tarayıcının vuruş eklemeden önce bunları birleştirmesini/rasterleştirmesini beklerdim. Umarım yakında!

Google, yazı tiplerinin çoğunu değişken yazı tiplerine yükseltiyor gibi görünüyor, bu nedenle açıklama mantıklı olacaktır.

Yazı tiplerini kendi kendine barındırmalı mısınız?

Üçüncü taraf bir CDN kullanmaya karşı kendi kendini barındıran yazı tiplerinin lehine ve aleyhine birçok performans argümanı vardır. Bu makale ile Barry Pollard her iki yaklaşımın da artılarını ve eksilerini ortaya koymaktadır. Sia Karamelagos hakkında mükemmel bir makale yayınladı. 2022’de Google Yazı Tiplerini Daha Hızlı Hale Getirmek, ancak tam kontrol için kendi kendine barındırmayı önerir. Ev sahibinin haberiniz olmadan bir gecede yazı tipini değiştirebilmesi, kendi kendine barındırma lehine bir argüman daha!

Bunun gibi hataların oldukça nadir olduğunu hayal ediyorum ve evet, benim durumumda kısmen standart olmayan bir CSS özelliği kullanmaya bağlı olduğuna şüphe yok. Ama bundan sonra mümkün olan her yerde kendi yazı tiplerimi barındırmam için beni kesinlikle ikna etti.

Web yazı tipi oluşturucuları

Font Squirrel’ın bir web yazı tipi oluşturucu Mümkün olduğunca küçük bir dosya oluşturmaya yardımcı olmak için yazı tipi alt kümelerini içeren araç.

Sia’nın makalesinden keşfettim google-webfonts-yardımcısı, bu da Google yazı tiplerinizi kendi kendine barındırılan bir sürüme geçirmeyi daha da kolaylaştırır. Emin olun makaleyi oku aracı kullanarak yazı tiplerinizi daha da optimize etmeye yönelik ipuçları ve püf noktaları için.

İlgili Makaleler

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.

Başa dön tuşu