Sitenizin yazıları iOS cihazlarda nasıl San Francisco fontu ile görünür?

- 977 gösterim

San Francisco Font Görseli

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.

Bir cevap veya yorum yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir