Görsellerde tutarlılık, iyi tasarımın temelidir. Kodsuz paywall’lar oluştururken uygulamanızın geri kalanıyla uyumlu özel bir font kullanmak isteyebilirsiniz. Bu bölümde fontları nasıl özelleştirebileceğinizi ve kullanabileceğinizi ele alacağız.

Neler özelleştirilebilir

Paywall Builder’daki her metin öğesi kendi fontu ve stiline sahip olabilir. Bunu her metin öğesinin font denetimlerinden ayarlayabilirsiniz:

Bazı durumlarda, tüm paywall için fontu değiştirmek daha pratik olabilir. Bunu Paywall Builder’ın Layout bölümünde Paywall Font ayarını düzenleyerek yapabilirsiniz.

Varsayılan olarak kullanılabilen fontlar

Builder’da bir paywall oluşturduğunuzda Adapty varsayılan olarak sistem fontunu kullanır. Bu genellikle iOS’ta SF Pro, Android’de ise Roboto anlamına gelir; ancak cihaza göre farklılık gösterebilir. Bunların yanı sıra Arial, Times New Roman, Courier New, Georgia, Palatino ve Verdana gibi yaygın kullanılan fontlar arasından da seçim yapabilirsiniz. Bu fontların her biri birkaç stil seçeneğiyle birlikte gelir:

Adapty Kontrol Paneli’ne özel font ekleme

Varsayılan seçenekler yetmiyorsa özel bir font ekleyebilirsiniz. Eklenen özel font uygulama genelinde kullanılabilir hale gelir ve herhangi bir paywall’daki her metin satırında kullanabilirsiniz.

1. Font açılır listelerinden birinde Add custom font seçeneğini belirleyin:

2. Add Custom Font penceresinde:
   1. Font dosyanızı yükleyin (maksimum boyut: 10 MB).
   2. Paywall Builder’da referans olarak kullanılacak bir ad girin.
   3. Her iki platform için doğru font adlarını belirtin.
   4. Font dosyasının henüz eklenmemişse uygulamanızın paketine dahil edildiğinden emin olun.

iOS’ta doğru font adını öğrenme

Bir font için doğru kimliği öğrenmenin iki yolu vardır: ilki temel bir kodlama gerektirir, ikincisi ise macOS’ta bulunan “Font Book” adlı uygulamayı kullanmayı içerir.

Özel bir fontu uygulamanızın paketine zaten eklediyseniz, büyük olasılıkla ona font adıyla referans veriyorsunuzdur. Bunu doğrulamak için UIFont.familyNames() çağrısıyla fontun aile adını alın, ardından bunu UIFont.fontNames(forFamilyName: familyName) içine yerleştirin. Bunu viewDidLoad içinde yapabilir ve ardından kod parçacığını kaldırabilirsiniz:

override func viewDidLoad() {
    super.viewDidLoad()
  	...
  	for family in UIFont.familyNames.sorted() {
    		print("Family: \(family)")
	    	let names = UIFont.fontNames(forFamilyName: family)
    		for fontName in names {
        		print("- \(fontName)")
    		}
    }
}

Yukarıdaki kod parçacığındaki fontName, aradığınız değerdir. “MyFont-Regular” gibi bir şey olabilir.

İkinci yöntem daha basittir: Fontu Mac’inize yükleyin, Font Book uygulamasını açın, fontu bulun ve PostScript name değerini kullanın:

Android’de doğru font adını öğrenme

Font dosyasını kaynak klasörüne doğru şekilde eklediyseniz sadece dosya adını yazmanız yeterlidir. Dosya adının yalnızca küçük harfler, rakamlar ve alt çizgi içerdiğinden emin olun; aksi takdirde çalışmayabilir.

Dosya adının doğru olduğunu ResourcesCompat.getFont(context, R.font.my_font) çağrısıyla doğrulayabilirsiniz; burada my_font kullandığınız dosya adıdır. Bu durumda Adapty’de özel font oluştururken girmeniz gereken değer tam olarak my_font’tur.

Font dosyalarını uygulama paketinize ekleme

Uygulamanızda zaten özel bir font kullanıyorsanız, paywall fontlarınızı aynı şekilde eklemeniz yeterlidir. Kullanmıyorsanız, font dosyasını uygulamanızın projesine ve paketine dahil ettiğinizden emin olun. Nasıl yapılacağını aşağıda okuyabilirsiniz:

• iOS için: Apple’ın resmi belgelerinde
• Android için: Android’in resmi belgelerinde