Cách khắc phục sự cố hiển thị phông chữ trong Safari trên điện thoại di động?

Question

Tôi đã gặp sự cố với hiển thị phông chữ trong Safari trên thiết bị di động (Safari trên máy Mac của tôi hiển thị tốt). Tôi đang sử dụng phông chữ OpenType cùng với bộ chọn @ phông mặt và một số ký tự (chủ yếu là 's' và 'c') đang xuất hiện mỏng hơn nhiều so với các hình khác (rất đáng chú ý - liên quan đến nhau "ánh sáng" và những người khác nhìn "táo bạo" Điều kỳ lạ nhất về điều này là nó chỉ xảy ra ở chế độ phong cảnh. Có ai thấy điều này trước đây không? Điều duy nhất làm cho điều này biến mất là thiết lập -webkit-transform: translate3d (0 ., 0,0); trên selector cơ thể mà dường như hoàn toàn sai, nhưng có thể đưa ra một chút hiểu biết về vấn đề tôi đi qua đó trên một trang web khác: http://openradar.appspot.com/11097956

Cảm ơn trước sự giúp đỡ nào, Brandon

.

Answer 1

Điều này có vẻ như những gì bạn cần: Fix font size issue on Mobile Safari (iPhone) where text is rendered inconsistently and some fonts are larger than others? Họ đã sử dụng mã này để sửa lỗi:

/* Mobile browsers only */ 
@media only screen and (max-device-width: 480px) {  
     td#main_box { -webkit-text-size-adjust:100% }    
}