Phản ứng gốc: Phông chữ tùy chỉnh hiển thị khác nhau trên Android và iOS

Question

Trong hình bên dưới, tôi đã kiểm tra cùng một Thành phần văn bản như được hiển thị trên Android ở bên trái và iOS ở bên phải. Dường như iOS sẽ hiển thị phông chữ ở trên cùng của vùng chứa Văn bản.

Tôi đang sử dụng cùng một tệp phông chữ TTF cho cả Android và iOS. (Tôi tìm thấy tham chiếu trực tuyến về phông chữ tôi đang sử dụng here.)

Bất kỳ ý tưởng nào làm cho phông chữ hiển thị giống nhau cho cả Android và iOS?

Chỉ cần được rõ ràng, sự khác biệt không phải là do bất kỳ phong cách (lề, cỡ chữ, vv). Nó hoàn toàn giống nhau.

Answer 1

Tôi đã tìm thấy bản sửa lỗi nhưng không cảm thấy đúng. Tôi nghĩ bạn nên tìm một phông chữ khác hiển thị giống nhau trên mỗi thiết bị.

Bạn có thể chơi xung quanh với các lineHeight, padding và margin để có được sự liên kết dọc tương tự cho các thành phần văn bản của bạn:

Ios:

instructions: { 
    fontFamily: 'Metric-Regular', 
    fontSize: 50, 
    lineHeight: 50, 
    paddingTop: 25, 
    marginBottom: -35, 
    marginTop: 35 
    }