Css ile sistem fontları kullanımı

11 Haziran 2016 1 dk okuma süresi 148 okunma

Bildiğiniz gibi websayfalarının daha güzel olması ve okunabilirlik için çeşitli font seçenekleri mevcut. Bu konuda Google Fonts'un sağladığı fayda göz ardı edilemez fakat bazen ekstra font yüklemelerinden kurtulmak, sistem uyumluluk problemleri gibi şeylerden kurtulmak için sistemde tanımlı fontları kullanmak isteriz.

Peki sistem fontu demek ne demek?

Sistem fontu işletim sisteminin varsaylan fontudur. Windows Vista ve sonrası için Segoe UI, Windows XP ve öncesi için Tahoma, MacOS için Helvetica veya Lucida Grande gibi.

Bu konuda öncü bana göre Github. Bu nedenle Github'un sistem fontlarını nasıl kullandığını aşağıdaki css kodunda görebilirsiniz.

body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }


Yazılarıma abone olmak ister misiniz?
Spam yapılmaz, sadece bildirim amaçlıdır. İstediğiniz zaman abonelikten çıkabilirsiniz.
İlginizi çekebilecek diğer yazılar.
Websitelerinin yavaş olması kullanıcıları kötü yönde etkileyebiliyor. Bu nedenle optimizasyon yapmak çok önemli. Websitenizi nasıl optimize edebileceğinizi bu makaleyi okuyarak öğrenebilir ve kendi sitelerinize uygulayabilirsiniz.

Font face kullanımı nasıl olmalıdır?