Recursive: X-height tidak sama untuk ukuran font yang berbeda?

Dibuat pada 17 Nov 2020  ·  6Komentar  ·  Sumber: arrowtype/recursive

Masalah :
Tinggi x tampaknya berubah berdasarkan ukuran font. Tinggi x terlihat lebih kecil untuk ukuran font 15 daripada ukuran font 14. Saya telah melampirkan tangkapan layar untuk menunjukkan perbedaannya.

Perilaku yang diharapkan :
Saya berharap x-height tidak boleh berubah berdasarkan ukuran font? Saya bukan desainer font, jadi saya tidak tahu.

Tangkapan layar :

Ukuran huruf 14:
linear_14

Ukuran huruf 15:
linear_15

Huruf "e" dan "n" tampak lebih tinggi dengan ukuran font 14 daripada dengan ukuran font 15. Atau apakah saya akan gila?

Untuk Mereproduksi
Langkah-langkah untuk mereproduksi perilaku:
Buka editor seperti Visual Studio Code, dan ubah ukuran font dari 14 menjadi 15. Bandingkan x-height huruf di camelCase.

Lingkungan (harap lengkapi informasi berikut):

  • OS: macOS Big Sur 11.0.1
  • Editor: Kode VS & Android Studio
  • Font: Rec Mono Linear

Semua 6 komentar

Hanya ingin mengatakan bahwa saya juga memperhatikan ini di font lain. Jadi mungkin ada "masalah" dengan editor atau macOS secara umum. Saya tidak berpikir itu khusus untuk font Rekursif.

Ini untuk SF Mono :

Ukuran 14:
sf_14

Ukuran 15:
sf_15

Huruf kecil tampak lebih pendek untuk ukuran font 15 dibandingkan dengan huruf besar. Dan ascendernya juga sedikit lebih panjang.

Dan untuk Jetbrains Mono

Ukuran 14:
jet_mono_14

Ukuran 15:
jet_mono_15

Di sini sebenarnya sebaliknya. Huruf kecil tampak sedikit lebih pendek untuk ukuran font 14 dibandingkan dengan huruf besar. Dan ascendernya juga sedikit lebih panjang.

Bisakah Anda menjelaskan ini, @arrowtype? Ini terlihat sangat aneh bagiku.

Hai @maxvons , terima kasih atas tangkapan layar & detailnya!

Mata yang bagus! Ini adalah hasil dari _hinting_, di mana penyaji teks menyesuaikan proporsi jenis agar lebih pas dengan piksel di layar dengan cara yang mempertahankan kejelasan. Perbedaan 14px & 15px terlalu kecil untuk ditampilkan dengan benar dalam piksel di banyak layar, sehingga sistem memprioritaskan keterbacaan daripada mempertahankan hubungan yang tepat seperti tinggi-x vs tinggi batas.

Sistem & font yang berbeda menangani petunjuk secara berbeda. Inilah artikel bagus yang menjelaskannya:

https://www.typotheque.com/articles/hinting

Saya mengerti! Terima kasih atas penjelasannya. Saya hanya ingin tahu apakah itu sesuatu yang terkait dengan sistem saya atau tidak. Tapi itu membersihkannya dengan baik. Terima kasih lagi! 😁

Dengan mempertimbangkan hal ini, apakah ada ukuran font tertentu yang Anda rekomendasikan untuk digunakan dengan font ini? @panah

ukuran yang direkomendasikan

Terima kasih sudah bertanya, tapi tidak juga! Saya sarankan menggunakan apa yang terasa nyaman untuk layar Anda, jarak pandang, dan tugas saat ini.

Rekomendasi saya seputar penggunaan ada di proyek Readme, dan sebagian besar seputar penggunaan dalam tipografi UI atau desain visual lainnya.

Namun sebagian besar, saya hanya merekomendasikan menggunakan contoh tertentu (misalnya CASL=0 atau 1, bukan 0,5) jika Anda menggunakan ini pada skala yang lebih besar di mana orang benar-benar dapat melihat detail ... mungkin sekitar 24px dan lebih tinggi.

Juga, ini diberi jarak untuk digunakan dalam ukuran yang lebih kecil, jadi kecuali jika Anda menginginkan efek itu dalam teks tampilan, Anda mungkin menggunakan font yang lebih spesifik untuk tampilan atau font dengan sumbu Ukuran Optik (opsz). Steker tak tahu malu: satu opsi bagus adalah Name Sans . Font sumber terbuka yang sama sekali berbeda tetapi juga bagus dengan sumbu opsz adalah Fraunces .

ukuran yang direkomendasikan

Terima kasih sudah bertanya, tapi tidak juga! Saya sarankan menggunakan apa yang terasa nyaman untuk layar Anda, jarak pandang, dan tugas saat ini.

Rekomendasi saya seputar penggunaan ada di proyek Readme, dan sebagian besar seputar penggunaan dalam tipografi UI atau desain visual lainnya.

Namun sebagian besar, saya hanya merekomendasikan menggunakan contoh tertentu (misalnya CASL=0 atau 1, bukan 0,5) jika Anda menggunakan ini pada skala yang lebih besar di mana orang benar-benar dapat melihat detail ... mungkin sekitar 24px dan lebih tinggi.

Juga, ini diberi jarak untuk digunakan dalam ukuran yang lebih kecil, jadi kecuali jika Anda menginginkan efek itu dalam teks tampilan, Anda mungkin menggunakan font yang lebih spesifik untuk tampilan atau font dengan sumbu Ukuran Optik (opsz). Steker tak tahu malu: satu opsi bagus adalah Name Sans . Font sumber terbuka yang sama sekali berbeda tetapi juga bagus dengan sumbu opsz adalah Fraunces .

Baiklah, saya mengerti! Saya akan menggunakan 16px, karena saya lebih suka teks yang sedikit lebih besar untuk editor saya. Nama Sans terlihat sangat bagus. Pasti akan mengingatnya jika saya membutuhkan sesuatu seperti itu untuk proyek masa depan! 😁

Apakah halaman ini membantu?
0 / 5 - 0 peringkat