Özel fontlar

Flow oluştururken uygulamanızın geri kalanıyla uyumlu özel bir font kullanmak isteyebilirsiniz. Özel fontları nasıl ekleyeceğinizi ve flow’larınızda nasıl kullanacağınızı aşağıda bulabilirsiniz.

Flow tasarımına başlamadan önce Styles panelinde fontları yapılandırın. Bu sayede yapacağınız değişiklikler global olarak uygulanır.

Yerleşik fontlar

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 olarak 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’sının bir parçası olarak sunulmaz ve yalnızca önizleme amacıyla kullanılır. Tüm cihazlarda mükemmel çalışacaklarını garanti edemeyiz. Ancak testlerimizde, bu fontların çoğu cihaz tarafından herhangi bir ek çaba gerektirmeden tanındığını gördük. Ayrıca iOS’ta varsayılan olarak hangi fontların mevcut olduğunu inceleyebilirsiniz.

Yerleşik fontlar

Özel bir font ekleyin

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

Özel font eklemek için:

  1. Font açılır menülerinden birinde Upload new font seçeneğini seçin.
Özel font ekle
  1. Add custom font penceresinde aşağıdaki alanları doldurun:
  • Builder’daki font adı: Fontun görünen adını girin. Bu ad, Builder genelinde font açılır menülerinde görünecektir.
    • iOS font adı: Fontu PostScript adını girin. Font Book → PostScript name bölümünden veya UIFont API aracılığıyla bulabilirsiniz.
    • Android font adı: res/font/ içindeki dosya adını girin. Yalnızca küçük harf, rakam ve alt çizgi kullanın.
    • Font dosyası: Font dosyasını sürükleyip bırakın ya da Select files seçeneğine tıklayın. Desteklenen formatlar: .ttf, .otf, .woff, .woff2.
  1. Save font seçeneğine tıklayın.

    Özel font ekleme penceresi

Yüklediğiniz font dosyası cihaza gönderilmez; yalnızca önizleme için kullanılır. SDK’mız, paywall’ı render ederken hangi fontu kullanacağını belirten string referanslarını alır. Bu nedenle, aynı font dosyasını uygulama paketine dahil etmeniz ve her şeyin sorunsuz çalışması için platforma özgü doğru font adlarını girmeniz gerekir. Merak etmeyin, fazla zaman almaz.

Font dosyasını Adapty’ye yükleyerek, bu fontu uygulamanızda kullanma hakkına sahip olduğunuzu onaylamış olursunuz.

Yazı tipi dosyalarını uygulama paketinize ekleyin

Uygulamanızda zaten özel bir yazı tipi kullanıyorsanız, paywall yazı tiplerinizi aynı şekilde eklemeniz yeterlidir. Kullanmıyorsanız, yazı tipi dosyasını projenize ve uygulama paketinize dahil ettiğinizden emin olun. Bunu nasıl yapacağınızı aşağıda okuyabilirsiniz:

Font paketlerini indirdiğinizde, arşiv içinde tüm font varyasyonlarını 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 dahil etmeyin.