Mengapa huruf kecil 'r' dalam font Google Sans berubah ukuran tergantung pada huruf berikutnya?


9

Baru-baru ini saya beralih ke desain ulang GMail tempat Google Sans digunakan untuk teks subjek saat menampilkan email.

masukkan deskripsi gambar di sini

Saya perhatikan bahwa di mana huruf kecil 'r' diikuti oleh 't' - seperti pada 'Mulai' - 'r' lebih tinggi daripada 'a' sebelumnya. Namun di mana diikuti oleh 'a' - seperti dalam 'persiapan' - kedua huruf sama tingginya.

Ketika mencoba memilih kata dengan mouse, 'r' dan 't' tidak dapat dipilih secara terpisah, jadi mungkin ada ligatur. Mengapa ukuran 'r' meningkat di sebelah 't' tetapi tidak dengan huruf lain?


Saya juga memperhatikan ini ... i.imgur.com/m15bBLH.png
Brandito

Saya perhatikan itu juga, dan saya juga tidak suka. Firefox menampilkan 'r' lebih tinggi juga, tetapi IE11 / Edge tidak. Seseorang memutuskan itu adalah cara yang benar untuk menampilkan surat itu. Masalahnya menunjukkan kapan 'r' diikuti oleh 'f', karena juga memiliki tanda hubung di dalamnya. Dan saya bisa memilih r dan t secara terpisah.
KS74

Jawaban:


4

Anda dapat menambahkan css font-variant-ligatures: no-common-ligatures (atau font-varian-ligatures: none) untuk mencegah Chrome (dan Firefox!) Menampilkan 'r' dengan cara itu. IE / Edge tidak memiliki bug.

Anda juga dapat memasukkan & # 8204; antara setiap pasangan 'rt' dan 'rf' (masalahnya juga ada di dalamnya) dalam teks sumber (tidak terlihat), untuk membuat peramban berpikir bahwa karakter tidak berdekatan, tapi itu agak berantakan.

Dan saya bisa memilih r dan t secara terpisah.


7

Untuk mendapatkan lengkungan R di atas palang T, saya bayangkan. E dan A lebih rendah dan bulat, sehingga R cocok dengan ruang negatif mereka, tetapi T menusuk ke kiri.

Ini sangat nyata. Mengiritasi mataku sedikit. Perancang tidak melakukan pekerjaan dengan baik dengan pasangan ikatan itu.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.