- Mengapa tipografi yang berbeza muncul pada saiz yang berbeza dalam saiz titik yang sama?
- Berapa banyak saiz fon dalam sistem reka bentuk?
- Apakah peraturan untuk saiz fon?
- Bagaimana anda menangani saiz fon responsif?
Mengapa tipografi yang berbeza muncul pada saiz yang berbeza dalam saiz titik yang sama?
Kedua-dua ketinggian X serta ketinggian topi fon mempengaruhi keterbacaannya, dan akan menjadikan typefaces yang berbeza kelihatan lebih besar atau lebih kecil pada saiz titik yang sama.
Berapa banyak saiz fon dalam sistem reka bentuk?
Sistem memanfaatkan skala jenis untuk menawarkan saiz teks teras - sering dinamakan hanya sebagai teks atau badan - termasuk kecil, sederhana, besar, dan jika anda memerlukannya, XS, XL, dan sebagainya. Kebanyakan sistem memerlukan tiga atau lebih (dengan itu, keselesaan saya dengan menggunakan saiz t-shirt).
Apakah peraturan untuk saiz fon?
Saiz. Secara umum, peraturan ibu jari adalah saiz fon perlu 16 piksel untuk laman web mudah alih. Apa -apa yang lebih kecil daripada yang dapat menjejaskan kebolehbacaan untuk pembaca yang cacat penglihatan. Apa -apa yang terlalu besar juga boleh membuat bacaan lebih sukar.
Bagaimana anda menangani saiz fon responsif?
Teks badan - Saiz fon mestilah sekitar 16px hingga 18px untuk keterbacaan (atau 1.6rem hingga 1.8rem menggunakan peraturan saiz kami yang disebutkan di atas). Sekiranya anda mampu pergi sedikit lebih besar, maka 21px dapat menyenangkan untuk dibaca. Tajuk - Tajuk mestilah sekitar 1.96 kali lebih besar daripada teks badan anda untuk membuat perbezaan yang mencukupi.