---
title: "Flow Builder'da özel fontlar"
description: "Flow Builder'a özel font yükleyin ve kullanın."
---

Flow oluştururken uygulamanızın geri kalanıyla uyum sağlamak için özel bir font kullanmak isteyebilirsiniz. Özel fontları flow'larınıza nasıl ekleyeceğiniz ve kullanacağınız aşağıda açıklanmıştır.

:::tip
Flow tasarımına başlamadan önce **Styles** panelinde [fontları yapılandırın](onboarding-text). Bu sayede yapacağınız değişiklikler genel olarak uygulanır.
:::
## Yerleşik fontlar \{#built-in-fonts\}

Builder'da bir flow 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. Arial, Times New Roman, Courier New, Georgia ve Helvetica gibi yaygın kullanılan fontlar arasından da seçim yapabilirsiniz. Bu fontların her biri birkaç stil seçeneğiyle birlikte gelir.
Bu fontlar Adapty SDK'nın bir parçası olarak sunulmaz ve yalnızca önizleme amacıyla kullanılır. Bu fontların tüm cihazlarda mükemmel çalışacağını garanti edemeyiz. Ancak testlerimizde bu fontlar, herhangi ek bir işlem yapmanıza gerek kalmadan çoğu cihaz tarafından tanınmaktadır. Ayrıca [iOS'ta varsayılan olarak hangi fontların mevcut olduğunu kontrol edebilirsiniz](https://developer.apple.com/fonts/system-fonts/).

## Özel yazı tipi ekleme \{#add-a-custom-font\}

Varsayılan seçenekler yetmiyorsa özel bir yazı tipi ekleyebilirsiniz.

Özel yazı tipi eklemek için:

1. Herhangi bir yazı tipi açılır menüsünden **Upload new font** seçeneğini belirleyin.

2. **Add custom font** penceresinde aşağıdaki alanları doldurun:
- **Font name in Builder**: Builder'da font için bir görünen ad girin. Bu ad, Builder genelindeki font açılır listelerinde görünecektir.
   - **iOS font name**: Fontun PostScript adını girin. Bunu Font Book → PostScript name kısmında veya [`UIFont` API](https://developer.apple.com/documentation/uikit/uifont) aracılığıyla bulabilirsiniz.
   - **Android font name**: `res/font/` dizinindeki dosya adını girin. Yalnızca küçük harf, rakam ve alt çizgi kullanın.
   - **Font file**: Font dosyasını sürükleyip bırakın veya **Select files** düğmesine tıklayın. Desteklenen formatlar: `.ttf`, `.otf`, `.woff`, `.woff2`.

3. **Save font** düğmesine tıklayın.

:::warning
Yüklediğiniz font dosyası cihaza gönderilmez; yalnızca önizleme için kullanılır. SDK'mız, paywall oluşturulurken kullanılacak fontu belirten dizgeleri 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ı girmeniz gerekir. Merak etmeyin, fazla zaman almaz.
:::

Font dosyasını Adapty'ye yükleyerek, onu uygulamanızda kullanma hakkına sahip olduğunuzu onaylamış olursunuz.
## Font dosyalarını uygulamanızın bundle'ına ekleyin \{#add-the-font-files-to-your-apps-bundle\}

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

- iOS'ta: [Apple'ın resmi belgelerinde](https://developer.apple.com/documentation/uikit/adding-a-custom-font-to-your-app)
- Android'de: [Android'in resmi belgelerinde](https://developer.android.com/develop/ui/views/text-and-emoji/fonts-in-xml)
:::important
Font paketlerini indirdiğinizde, tüm font varyasyonlarını bir arşiv içinde alırsınız. Uygulama boyutunu küçük tutmak için yalnızca paywallınızın kullandığı font dosyalarını uygulama paketinize ekleyin. Örneğin, paywallınızda yalnızca `OpenSans-Regular.ttf` kullanıyorsanız, `OpenSans-Bold.ttf` dosyasını uygulama paketinize eklemeyin.
:::