Flow ve Paywall Builder'da özel fontlar

Flow oluştururken uygulamanızın geri kalanıyla uyumlu özel bir font kullanmak isteyebilirsiniz. Özel font ekleme ve flow’larınızda kullanma adımları aşağıda açıklanmıştır.

Bir uygulamadaki tüm flow’lar, yüklediğiniz fontları paylaşır. Bu, kopyaladığınız flow’ları da kapsar. Adapty hesabınızdaki diğer uygulamaların her birinin kendi yüklemesi olması gerekir.

Tip

Flow’u tasarlamaya başlamadan önce Styles panelinde fontları yapılandırın. Bu sayede yaptığı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.

Yerleşik fontlar

Özel yazı tipi ekle

Warning

Yüklediğiniz dosya yalnızca editör önizlemesi içindir — Adapty bunu kullanıcıların cihazlarına göndermez. Yazı tipinin cihazda görüntülenmesi için dosyayı uygulama paketinize dahil edin. Bu yapılmadan SDK, çalışma zamanında SF Pro (iOS) veya Roboto (Android) yazı tipine geri döner.

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

Özel yazı tipi eklemek için:

  1. Herhangi bir yazı tipi açılır menüsünde Upload new font seçeneğini seçin.
Özel yazı tipi ekle
  1. Özel font ekle penceresinde, font dosyalarını sürükleyip bırakın veya Select files seçeneğine tıklayın:

    • Desteklenen formatlar: .ttf ve .otf.
    • Değişken fontlar: Adapty, dosyadaki her adlandırılmış stil için ayrı bir yüz oluşturur; örneğin Regular veya Bold.
    • Aynı anda birden fazla yazı tipi: Tüm fontlarınızı tek seferde yükleyin. Adapty, her dosyada saklanan aile adını okuyarak dosyaları aileler halinde gruplar. Örneğin, 2 yazı tipine ait 10 dosya, her biri 5 yüzlü 2 font ailesine dönüşür.
    • Mevcut aileler: Halihazırda yüklediğiniz bir fontla aynı aile adını taşıyan dosya, o fonta yeni bir yüz olarak eklenir.
    Add custom font window with one font file queued
  2. Add fonts’a tıklayın. Adapty dosyaları yükler ve her font ailesi için bir kart gösterir. Font ailesi adını değiştirmek için adın yanındaki kalem simgesine tıklayın.

    Import review: the Atkinson Hyperlegible family with Regular, Italic, Bold, and Bold Italic faces
  3. Gerekirse her bir font yüzünün özelliklerini yapılandırın:

    • Font Family: Yüzün ait olduğu aile — stili farklı bir aileye taşıyabilirsiniz.
    • Font Face: Yüzün kalınlığı ve stili — yükleme sırasında otomatik algılanır.
    • iOS font name ve Android font name: Uygulamanızdaki fontun adları. Uygulama paketinizle eşleşmesi gerekir.
    Yüz ayarları: Font Family, Font Face, iOS font name ve Android font name

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

Özel bir fontu yönetme

Özellik düzenleme ekranını açmak için Edit custom font seçeneğine tıklayın.

Edit custom font window: the family name, four styles, and the Add font face button
  • Aile adını yeniden adlandırmak için Font family name in Builder alanını düzenleyin.
  • Yeni bir ağırlık veya stil eklemek için Add font face seçeneğine tıklayın.
  • Bir stilin iOS veya Android font adını düzeltmek için ilgili satıra tıklayın.
  • Bir stil için yeni dosya yüklemek üzere ilgili satıra tıklayın, ardından Replace seçeneğine tıklayın.

Özel bir fontu silme

Bir font ailesini veya tek bir yüzü silmek için özellik düzenleme ekranında Delete font family veya Delete font face seçeneğine tıklayın.

Eğer flow’larınızdan herhangi biri bu yüzü kullanıyorsa Adapty onu hemen silemez. Bunun yerine, kütüphanenizden bir yedek font seçmeniz istenir. Eski font yüzünü kullanan öğeler bundan böyle yeni fontu kullanır. Kararınızı onaylamak için Replace & delete seçeneğine tıklayın.

Ubuntu-Bold'u silmeden önce değiştirin: kullanımdaki her yüz için bir yedek aile ve yüz

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

Adapty, özel fontları kullanıcıların cihazlarına göndermez; bu nedenle uygulamanız, flow’larınızda kullandığınız her font dosyasını içermelidir. Uygulamanız zaten özel fontlar kullanıyorsa bunları aynı şekilde ekleyin. Kullanmıyorsa platform kılavuzunu takip edin:

Flow, uygulamanızdaki her yüzü adıyla bulur; bu nedenle Adapty’deki adların uygulamanızla eşleşmesi gerekir. Adları incelemek için font ayarlarında stili açın:

  • iOS font name: Yazı tipi dosyasının içinde saklanan PostScript adı. iOS, yazı tipini dosya adıyla değil bu adla bulur. Uygulamadaki tüm özel yazı tipleri arasında benzersiz olmalıdır. Dosya bir ad bildiriyorsa Adapty bunu otomatik doldurur. Değişken yazı tipi dosyaları çoğunlukla bildirmez; bu durumda kendiniz girin. Bulmak için Font Book > PostScript name yolunu izleyin ya da UIFont API’sini kullanın.
  • Android font name: res/font/ dizinindeki dosya adı, uzantısız. Yalnızca küçük harf, rakam ve alt çizgi kullanın. Adapty bunu hiçbir zaman otomatik doldurmaz. Adapty’nin tek bir değişken yazı tipi dosyasından oluşturduğu tüm yüzler bu adı paylaşır.