Sitenizde kullandığınız fontların performansı büyük ölçüde etkilediği üzerine bir konu açmıştım.
Etkili birkaç tüyo paylaşmıştım. Fazlasıyla ilgi gördü. Faydasını görenlerin sevinci beni de mutlu etti.
O konuda sistem fontlarının, özel fontlardan daha iyi performans gösterdiğini belirtmiştim.
Bu performans artışı genel sayfa yüklenmelerinde ortalama 2-3 kata kadar artış sağlıyor.
Nitekim sistem fontlarının görüntüsü, özel fontların yerini pek tutmuyor. Size hak veriyorum.
Neyse ki, sistem fontlarını manipüle ederek bir roboto, open sans estetiğini yakalamak mümkün.
Font Törpüleme Tekniği
Benim törpüleme dememe bakmayın. Asıl adı anti aliasing.
Sistem fontlarının göze hoş gelmemesinin en temel sebebidir.
Özel fontların güzel görünmesinin sebebi, kıvrım keskinliğinin geçişiyle alakalıdır.
Tabi ki, fontun genel hatlarının estetiğini hesaba katmazsak.
Verdana
Bu font en düşük çözünürlükteki ekranlarda bile okunabilirliği ile ödüllüdür.
Birkaç ufak hileyle bu sistem fontunu mükemmelleştirebilirsiniz.
CSS Hilesi
İstediğiniz her fontta yapabilirsiniz. Ancak ben en etkili sonucu verdana fontunda gördüm.
İşte ilgili font stiline eklemeniz gereken kod:
text-shadow: 0 0 1px rgba(0,0,0,0.3);-webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased;Bu şekilde font hem daha dolgun, hemde keskin geçiş hatları törpülenmiş haline dönüşecektir.
Böylelikle şık görüntüye sahip bir sistem fontuna sahip olabileceksiniz.
Ayrıca törpülenmemiş haline göre daha da okunaklı olacağını garanti edebilirim.
Artık hem yüksek performanslı, hemde estetik olarak şık bir görüntüye sahip olabilirsiniz. (:
9 kişi bunu beğendi.
