English 中文TürkçeРусскийEspañol日本語Tiếng Việt

Font tùy chỉnh trong Flow Builder

Khi xây dựng flow, bạn có thể muốn sử dụng font tùy chỉnh để phù hợp với phần còn lại của ứng dụng. Dưới đây là cách thêm font tùy chỉnh và sử dụng chúng trong flow của bạn.

Cấu hình font trong bảng Styles trước khi bắt đầu thiết kế flow. Như vậy, mọi thay đổi bạn thực hiện sẽ được áp dụng trên toàn cục.

Font tích hợp sẵn

Khi tạo flow trong Builder, Adapty sử dụng font hệ thống theo mặc định. Thông thường là SF Pro trên iOS và Roboto trên Android, nhưng có thể khác nhau tùy thiết bị. Bạn cũng có thể chọn từ các font phổ biến như Arial, Times New Roman, Courier New, Georgia và Helvetica. Mỗi font này đi kèm với một vài tùy chọn kiểu dáng.

Các font này không được cung cấp như một phần của SDK và chỉ dùng cho mục đích xem trước. Chúng tôi không thể đảm bảo chúng sẽ hoạt động hoàn hảo trên tất cả thiết bị. Tuy nhiên, qua thử nghiệm, những font này thường được hầu hết các thiết bị nhận dạng mà không cần thêm bất kỳ thao tác nào từ phía bạn. Bạn cũng có thể xem các font có sẵn theo mặc định trên iOS.

Font tích hợp sẵn

Thêm font tùy chỉnh

Nếu bạn cần nhiều hơn những gì được cung cấp mặc định, bạn có thể thêm font tùy chỉnh.

Để thêm font tùy chỉnh:

  1. Chọn Upload new font trong bất kỳ dropdown font nào.
Thêm font tùy chỉnh

  1. Trong cửa sổ Add custom font, điền vào các trường sau:

    • Font name in Builder: Nhập tên hiển thị cho font. Tên này sẽ xuất hiện trong các dropdown font trên toàn Builder.
    • iOS font name: Nhập tên PostScript của font. Bạn có thể tìm thấy trong Font Book → PostScript name, hoặc qua UIFont API.
    • Android font name: Nhập tên file từ res/font/. Chỉ sử dụng chữ thường, số và dấu gạch dưới.
    • Font file: Kéo và thả file font hoặc nhấn Select files. Các định dạng được hỗ trợ: .ttf, .otf, .woff, .woff2.

  2. Nhấn Save font.

    Cửa sổ thêm font tùy chỉnh

File font bạn tải lên không được gửi đến thiết bị; nó chỉ dùng để xem trước. SDK của chúng tôi chỉ nhận các chuỗi tham chiếu đến font cần sử dụng khi hiển thị paywall. Do đó, bạn phải đưa cùng file font đó vào bundle ứng dụng và cung cấp tên font đúng theo từng nền tảng để mọi thứ hoạt động trơn tru. Đừng lo, việc này sẽ không mất nhiều thời gian.

Bằng cách tải file font lên Adapty, bạn xác nhận rằng bạn có quyền sử dụng nó trong ứng dụng của mình.

Thêm file font vào bundle ứng dụng

Nếu bạn đã sử dụng font tùy chỉnh ở nơi khác trong ứng dụng, bạn chỉ cần thêm font paywall theo cách tương tự. Nếu chưa, hãy đảm bảo đưa file font vào project và bundle của ứng dụng. Đọc cách thực hiện bên dưới:

Khi tải xuống các gói font, bạn sẽ nhận được tất cả các biến thể font trong một file nén. Chỉ thêm những file font cụ thể mà paywall của bạn sử dụng vào bundle ứng dụng để giảm thiểu kích thước ứng dụng. Ví dụ: nếu bạn chỉ dùng OpenSans-Regular.ttf trong paywall, đừng đưa OpenSans-Bold.ttf vào bundle ứng dụng.