Une discussion approfondie sur les éléments de police dans CSS_CSS/HTML

字体的处理在网页设计中无论怎么强调也不为过，毕竟网页使用来传递信息的，而最经典最直接的信息传递方式就是文字，所以，了解一点字体的基本知识对于设计来说还是非常重要的。


　　 中文和英文的最大区别就是中文是方块字，英文是拼音文字，这对字体的处理的影响是巨大的。看看下面的图示就会发现，英文字体里的那些变化在中文字体里都弱化了。

Sebagai pembaca berbangsa Cina, saya lazimnya menerima bentuk segi empat sama sebagai unit bacaan Sebenarnya, ini adalah cara mudah untuk mata keletihan apabila membaca, mata anda sebenarnya mengikut bentuk keseluruhan baris teks. . Lihatlah contoh ini.
　 SEKARANG SAYA DAH CUBA BERCAKAP DENGAN AWAK DAN MEMAHAMI ANDA
　 Sekarang saya dah cuba bercakap dengan awak dan buat awak faham
　 Baris mana yang lebih senang dibaca?
Baris pertama agak serupa dengan situasi dalam bahasa Cina Perbezaannya ialah setiap perkataan Cina adalah seperti lukisan, dan perubahannya jauh lebih kaya daripada 26 huruf Inggeris Bagi kami, kami menerima ciri ini, Tetapi ada masih beberapa isu yang perlu dipertimbangkan semasa mereka bentuk Saya bukan pereka Jika apa yang saya katakan salah, sila tinggalkan mesej di bawah untuk perbincangan. Kandungan ini dibentangkan sebagai prinsip umum apabila saya mengajar Tipografi. Saya juga memberitahu pelajar: "Tujuan peraturan adalah untuk melanggar peraturan." Prinsip reka bentuk itu sendiri adalah untuk melanggar peraturan, yang juga merupakan manifestasi kreativiti yang dipanggil. Masalahnya ialah anda perlu mengetahui prinsip terlebih dahulu dan mengamalkannya dengan mematuhinya Hanya selepas anda biasa dengan prinsip anda boleh melanggar prinsip dan menunjukkan kreativiti anda Melanggar prinsip tidak bermakna kelemahan atau kesilapan prinsip. tetapi penggunaan bijak anda terhadap prinsip ini, anda telah melanggar beberapa, dan pada masa yang sama membuat beberapa pampasan untuk bahagian yang anda pecahkan, yang nampaknya agak berfalsafah.

Saya secara peribadi berpendapat bahawa prinsip yang lebih penting ialah (terpakai kepada bahasa Inggeris):

Apabila memilih fon, anda harus mempertimbangkan tujuan teks Adakah ia tajuk atau teks perenggan?
Secara umumnya, fon san serif sesuai untuk digunakan sebagai tajuk, seperti fon serif sesuai untuk digunakan sebagai teks perenggan, seperti Time New Roman. Untuk reka bentuk web, terdapat beberapa fon yang sangat saya cadangkan, seperti verdana, tahoma, dan georgia. Sebenarnya, fon seperti Verdana telah direka oleh pereka fon terkemuka dunia selama hampir dua tahun Microsoft bertanggungjawab untuk membayar bil dan kemudian memberikannya kepada pengguna secara percuma. Fon ini adalah sebahagian daripada pemasangan IE Untuk versi di atas, komputer anda mesti mempunyai fon ini, jadi anda tidak perlu risau sama ada pengguna mempunyai fon ini. Ia direka bentuk untuk mengambil kira masalah yang mungkin dihadapi oleh fon apabila dipaparkan pada skrin, dan memberikan jawapan yang hampir sempurna. Satu-satunya masalah adalah bahawa hampir kesempurnaannya mewujudkan kekurangan keperibadian dalam penggunaan kita kerana semua orang menggunakannya.

Apakah saiz fon?
Terdapat banyak perbincangan dalam forum tentang mana yang lebih baik, pixle atau point? Saya tidak akan mengulanginya. Apa yang saya ingin nyatakan di sini ialah terdapat banyak unit yang berbeza untuk saiz fon dalam CSS Terdapat kira-kira tiga kategori:
Saiz mutlak: mm, cm, dalam, pt, pc Saiz Relatif: em, ex
Relatif kepada peranti: px
Apa yang perlu dikatakan beberapa perkataan lagi ialah em dan ex Em mewakili saiz fon dalam CSS. 1 em Ia bersamaan dengan 12 pt. Contoh:
p {
font-size: 10pt;
text-indent: 1em
}
Mungkin anda akan mengatakan bahawa saya boleh menggunakan teks- indent: 10pt untuk mencapai yang sama Kesannya adalah baik, tetapi itu hanya dalam keadaan yang ideal Jika pengguna merasakan lebih baik untuk menetapkan saiz fon penyemak imbasnya kepada 14pt, perkadaran yang anda reka akan hilang, jadi relatif. saiz adalah untuk reka bentuk berskala halaman web. Sangat bermanfaat.
Ex adalah serupa dengan em, tetapi tidak sama. Berbalik kepada rajah di atas, x-height adalah berbeza untuk setiap fon mentakrifkan saiz fon berdasarkan x-tinggi fon.

Penjajaran?
Sebaik-baiknya gunakan jajaran kiri, terutamanya elakkan menggunakan jajaran kiri dan kanan, melainkan anda mempunyai tujuan reka bentuk yang tidak betul adalah berbahaya kepada penglihatan anda Bantuan, ia menggunakan perubahan untuk memberitahu mata anda bahawa sudah tiba masanya untuk membalut.

Jarak baris?
Jarak baris bergantung pada saiz fon Secara umumnya, saiz fon yang kecil memerlukan jarak baris yang lebih besar untuk memudahkan pembacaan Jika tiada tetapan jarak baris untuk fon Cina pada halaman web, ia akan menjadi sukar bagi pembaca untuk membaca perenggan teks yang besar, jadi sangat perlu untuk menetapkan ketinggian baris dengan betul. Secara amnya, ketinggian garisan dalam reka bentuk web hendaklah 1.5 kali hingga 2 kali ganda saiz fon. Dalam Word dan perisian penyuntingan teks lain, 120% daripada fon biasanya ditetapkan sebagai jarak baris lalai. Tetapan ketinggian garis dalam CSS dibahagikan sama rata dan ditambah pada bahagian atas dan bawah setiap baris, maksudnya, jika ketinggian garis ditetapkan kepada 20px, maka akan terdapat jarak 10px antara bahagian atas dan bawah setiap baris. baris teks.

　 Jarak perkataan dan jarak aksara?
Tujuan yang sangat istimewa, untuk orang Cina kedua-duanya sepatutnya sama. Tetapan ini sendiri adalah untuk menyelesaikan kecacatan reka bentuk fon tertentu dan meningkatkan kebolehbacaan teks.

Saya mempunyai perasaan ini setiap kali saya menulis ruangan, semakin kurang saya tahu bagaimana untuk mengakhirinya. Ini mungkin kekurangan kaedah esei. Sila tinggalkan mesej untuk berbincang, saya hanya membuang batu bata.