Css ile sistem fontları kullanımı
11 Haziran 2016
1 dk okuma süresi
185 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?
İlginizi çekebilecek diğer yazılar.