Pada bulan Mei, Microsoft secara resmi memberikan unduhan font hitam YA yang tersedia di bawah Windows XP. Font Yahei adalah font yang hampir sempurna yang memecahkan masalah yang tidak dapat dikenali oleh teks kecil lagu yang tidak dapat dikenali, terutama untuk tampilan LCD (LCD). Saya sekarang terpesona oleh Yahei. Tetapi masalah yang mengikuti adalah bahwa font hitam akan memiliki beberapa efek misalignment pada tampilan tata letak halaman web di Internet Explorer. Masalah yang saya temukan saat ini terutama ada dalam dua aspek. 1. Garis bawah terkadang menjadi garis yang dihapus Faktanya, ini adalah ketidaksejajaran visual, bukan serangan nyata. Di bawah ini adalah hyperlink teks Cina dari beranda Google.cn: Fenomena ini hanya akan terjadi dalam font Cina, dan font Inggris tidak akan terpengaruh: Jika ada pengaturan campuran dalam bahasa Cina dan Inggris, itu akan lebih jelas: Dapat dilihat bahwa garis bawah dalam bahasa Cina dipindahkan ke atas, dan bahasa Inggris tidak terpengaruh. 2. Internet Explorer memiliki perubahan ketinggian garis Berikut adalah tangkapan layar hyperlink dengan gambar latar belakang di blog saya: Gaya normal asli di bawah Song Font sekarang diekspos di bawah ini, yang berarti bahwa ketinggian garis telah meningkat di Internet Explorer. Tapi itu tidak berubah di Firefox. 3. Cobalah untuk menyelesaikannya Dalam tangkapan layar Google.cn, kami menemukan bahwa hyperlink "login" di sebelah kanan adalah normal, yang berarti bahwa tidak semua hyperlink Cina memiliki masalah seperti itu adalah satu gaya lagi dari "login" di sebelah kanan: Vertical-Align: Top; Setelah saya memblokir properti ini, semuanya baik -baik saja. Dua dalam tangkapan layar ini dari "Meizu Forum" ketiga, saya menemukan bahwa meskipun tidak muncul secara vertikal dalam teks, ada dua gambar kecil di berikut ini: Vertikal-Align: tengah; Setelah menghapus kedua gambar ini, semuanya menjadi normal lagi. Oleh karena itu, dapat dipastikan bahwa menggunakan vertikal-selaras dalam hyperlink Cina akan menyebabkan masalah (tidak setiap elemen memiliki atribut vertikal-selaras). Tentu saja ini bukan cara yang baik untuk mengatasi masalah dengan benar Adapun masalah yang direproduksi di blog saya, itu hanya menunjukkan bahwa font hitam menyebabkan peningkatan ketinggian baris di Internet Explorer (Firefox menampilkan normal ). Elemen in-line, tanpa dapat mengatur ketinggian, jadi Anda perlu bekerja sama dengan tidak ada: blok dan kemudian perbaiki ketinggian (namun, pembungkus garis otomatis dapat terjadi setelah mengatur atribut blok, jadi Anda perlu menggunakan float dan atribut lainnya dalam kombinasi). Saya menemukan bahwa metode ini juga dapat menyelesaikan masalah di atas, jadi memperbaiki ketinggian untuk hyperlink adalah cara yang lebih baik. Catatan tambahan: Saya memodifikasi font default berdasarkan Windows XP, yang dapat menyebabkan beberapa masalah. Saya belum menemukan apakah ada masalah dalam pengujian sistem Vista. Catatan: Masalah ini ada di berbagai versi Internet Explorer dan Firefox tidak terpengaruh.