Flow Builder'da özel fontlar

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.

Flow tasarımına başlamadan önce Styles panelinde fontları yapılandırın. Bu sayede yapacağınız değişiklikler genel 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 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.

Özel yazı tipi ekleme

Yüklediğiniz dosya yalnızca editör önizlemesi içindir — Adapty bunu kullanıcıların cihazlarına göndermez. Yazı tipini cihazda görüntülemek için dosyayı uygulama paketinenize dahil edin. Bu yapılmadan SDK, çalışma zamanında SF Pro (iOS) veya Roboto (Android) ile devam eder.

Sistem varsayılanı dışında bir yazı tipi kullanmanız gerekiyorsa özel yazı tipi ekleyebilirsiniz.

Özel yazı tipi eklemek için: 0. Eğer font değişken (variable) bir fontsa, benzersiz adlara sahip tek stil dosyalarına bölün. Ağırlık, kalın ve italik kontrolleri özel fontlar için geçerli değildir. Adapty, her özel font dosyası başına yalnızca bir stil kaydeder. Metni stilize etmek için fontu doğru varyasyona geçirin.

Herhangi bir font açılır menüsünde Upload new font seçeneğini belirleyin.

Add custom font penceresinde aşağıdaki alanları doldurun:

Builder’daki font adı, iOS font adı ve Android font adı; uygulamadaki tüm özel font dosyalarında benzersiz olmalıdır.

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 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.

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

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

Özel bir yazı tipini silme

Kontrol panelinden özel bir yazı tipini silmek, taslak ve yayınlanmış tüm flow’lardaki her referansı sessizce sistem yazı tipiyle değiştirir. Herhangi bir uyarı çıkmaz ve bu işlem geri alınamaz. Silmeden önce, hiçbir canlı flow’un o yazı tipini kullanmadığını doğrulayın.

Flow şablonlarında özel fontlar

Flow şablon kütüphanesi, özel fontlar içeren şablonlar sunar. Hangi fontların kullanıldığını görmek için şablon kartındaki Custom font etiketinin üzerine gelin.

Adapty bu fontları paket içinde sunmaz. Fontları kendiniz temin etmeniz gerekir; etiket üzerinde gösterilen font adlarıyla eşleşen dosyaları bulun. Bazı fontlar ticari lisans gerektirebilir.

Font dosyalarını edindikten sonra, aşağıdaki paketleme adımlarını takip edin.

Font dosyalarını uygulamanızın paketine ekleyin

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

iOS’ta: Apple’ın resmi belgelerinde
Android’de: Android’in resmi belgelerinde