Sitenizin yazıları iOS cihazlarda nasıl San Francisco fontu ile görünür?
[ Okuma süresi tahmini 1 dakikadır ]
Siteniz ve/ veya blog’unuz için CSS dosyanızda çeşitli yazı karakterleri/ font kullanırsınız. Özel olarak görünmesini istediğiniz yazı karakterleri için ya önyükleme ile ilgili yazı karakterlerini çağırtmanız gerekir – Google font kullanma örneği gibi– ya da her bilgisayar ve/ veya cihazda zaten yüklü olan bazı yazı karakterleri öbekleri kullanırsınız.
body {font-family: Helvetica, Arial, sans-serif;}Cihazda yüklü ilk yazı karakterini bulununca, onunla sitenizin yazıları gösterilir. Hiç biri yoksa en son olarak sistemdeki serif veya sans-serif ile – hangisini CSS kodunuzda vermişseniz- gösterilir.
Apple San Francisco Fontu için
iOS 9 ile birlikte gelen Apple’ın yeni yazı karakteri/ fontu San Francisco ile site yazılarınızın görünmesi için yapmanız gereken;
body {font-family: "-apple-system", Helvetica, Arial, sans-serif;}şeklinde CSS font kodunuzu değiştirmektir.
Böylece istediğiniz yazı kısımları iOS 9 cihazlarda safari ile sitenizi açanlara San Francisco fontu ile görünecektir.
NOT: CSS kodu örnekleme için body olarak verilmiştir. Siz istediğiniz elementlere uygulayabilirsiniz.