---
title: "Paywall Builder'da özel fontlar"
description: "Tasarımı geliştirmek için Adapty'nin Paywall Builder'ına özel fontlar ekleyin."
---
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.
:::warning
Bu bölüm, iOS, Android ve React Native SDK'larının 3.0 veya üzeri sürümleriyle, Flutter ve Unity SDK'larının 3.3.0 veya üzeri sürümleriyle çalışan yeni Paywall Builder'ı açıklamaktadır. Adapty SDK v2.x veya önceki sürümlerle uyumlu eski Paywall Builder hakkında bilgi için bkz. [Eski Paywall Builder'da özel fontlar](using-custom-fonts-in-legacy-paywall-builder).
:::
## Neler özelleştirilebilir \{#what-can-be-customized\}
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](paywall-layout-and-products#font-settings-of-your-paywall) yapabilirsiniz.
## Varsayılan olarak kullanılabilen fontlar \{#fonts-available-by-default\}
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:
:::note
Bu fontlar Adapty SDK'nın bir parçası olarak sağlanmaz ve yalnızca önizleme amacıyla kullanılır. Tüm cihazlarda mükemmel çalışacağını garanti edemeyiz. Ancak testlerimizde bu fontlar, herhangi bir ek çaba gerektirmeksizin çoğu cihaz tarafından tanınmaktadır. Ayrıca [iOS'ta varsayılan olarak hangi fontların kullanılabilir olduğuna bakabilirsiniz](https://developer.apple.com/fonts/system-fonts/).
:::
## Adapty Kontrol Paneli'ne özel font ekleme \{#how-to-add-a-custom-font-to-the-adapty-dashboard\}
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.
:::warning
Yüklediğiniz font dosyası cihaza gönderilmez; yalnızca önizleme amacıyla kullanılır. SDK'mız, paywall oluşturulurken hangi fontu kullanacağını belirten yalnızca referans dizelerini alır. Bu nedenle, her şeyin sorunsuz çalışması için aynı font dosyasını uygulama paketine eklemeniz ve platforma özgü doğru font adlarını sağlamanız gerekir. Merak etmeyin, bu çok fazla zaman almaz.
:::
:::note
Font dosyasını Adapty'ye yükleyerek, bu fontu uygulamanızda kullanma hakkına sahip olduğunuzu onaylamış olursunuz.
:::
## iOS'ta doğru font adını öğrenme \{#getting-the-correct-font-name-on-ios\}
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:
```swift showLineNumbers title="Swift"
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 \{#getting-the-correct-font-name-on-android\}
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 \{#adding-the-font-files-to-your-apps-bundle\}
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](https://developer.apple.com/documentation/uikit/adding-a-custom-font-to-your-app)
- Android için: [Android'in resmi belgelerinde](https://developer.android.com/develop/ui/views/text-and-emoji/fonts-in-xml)
:::important
Adapty'den font paketlerini indirdiğinizde, tüm font varyasyonlarını içeren bir arşiv alırsınız. Uygulama boyutunu küçük tutmak için yalnızca paywall'ınızın kullandığı belirli font dosyalarını uygulama paketinize ekleyin. Örneğin, paywall'ınızda yalnızca `OpenSans-Regular.ttf` kullanıyorsanız `OpenSans-Bold.ttf`'yi uygulama paketinize eklemeyin.
:::