Biasanya, gaya halaman yang dilihat oleh pengguna akan dikendalikan oleh tiga lapisan. Seperti CSS, prioritas di belakang lebih tinggi dari yang sebelumnya, yang berarti bahwa gaya definisi halaman web dapat mengesampingkan gaya default browser, sedangkan gaya yang ditentukan pengguna memiliki prioritas tertinggi. Situasi sebenarnya adalah bahwa meskipun browser menyediakan lebih banyak atau lebih sedikit fungsi gaya yang ditentukan pengguna, sangat sedikit pengguna yang akan menyesuaikannya, dan mereka umumnya digunakan sebagai pengguna tingkat lanjut. Gaya default browser seringkali berbeda di browser yang berbeda, versi bahasa yang berbeda dan bahkan versi sistem yang berbeda. Untuk mencoba menulis ulang pengaturan default browser untuk memastikan konsistensi gaya setiap browser.
Ambil font sebagai contoh. seperti ini. Oleh karena itu, kita perlu mengatur gaya font default secara seragam untuk mencapai efek tampilan yang konsisten untuk memastikan desain yang konsisten dan meningkatkan efisiensi pengembangan.
Di masa depan, bersiaplah untuk menggunakan gaya font default berikut:
tubuh{
Font: 12px/1.5 Arial;
}Sebagian besar karakter di halaman kami adalah bahasa Cina. & salin; jadi kami biasanya berharap menggunakan CSS untuk menampilkannya dalam gaya font yang lebih baik, dan kemudian menggunakan font lagu untuk menampilkan simbol Cina dan Cina. Alasan saya memilih Arial adalah karena:
Baik Windows dan Mac memiliki font yang sudah diinstal sebelumnya, yang harus menjadi font web yang paling banyak digunakan. Saingan potensial tahoma dan helvetica tidak seberuntung itu.
Profesional desain visual mungkin berpikir bahwa menggunakan Tahoma di Windows dan font: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif; di Mac lebih baik. font: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif; Ini adalah pilihan yang bagus, tetapi Anda juga akan menemukan bahwa versi baru Google, Yahoo, YouTube, Bing dan bahkan MSN menggunakan arial sebagai font default pertama. Oleh karena itu, dalam hal estetika dan keterbacaan, arial harus sepenuhnya dapat diterima.
Secara umum, pengaturan keluarga font akan menetapkan keluarga font-family:arial,sans-serif; umum di akhir untuk memastikan keamanannya. Pengkodean adalah GBK, IE8 akan membuat font lagu karena sans-serif sans-serif menyebabkan deformasi font.
Karena pilihan font Cina sangat terbatas, semua browser arus utama saat ini diatur untuk menggunakan font lagu untuk menampilkan Cina. Beranda Baidu dan Hasil Pencarian Halaman Gunakan font-family:arial; Beberapa orang mungkin memperhatikan bahwa font Cina yang ditampilkan oleh Firefox Chinese Version adalah Microsoft Yahei. Ini juga karena situasi yang sama bahwa sangat penting bagi kami untuk merancang halaman web secara fleksibel.
Salah satu masalah yang akan menyebabkan penggunaan font bahasa Inggris sebagai font default pertama adalah masalah penyelarasan dalam bahasa Cina dan Inggris dan pencampuran simbol. Jika Anda mengubah font, itu dapat sepenuhnya menyelesaikan masalah. Jelas, masalah ini hanya terjadi di IE. Oleh karena itu, jika situs web Anda jarang menggunakan bahasa Inggris, angka dan simbol bahasa Inggris, itu juga merupakan pilihan yang sangat masuk akal untuk mengatur {font-family:5b8b4f53;} secara langsung.
12px adalah batas tampilan Songtung. Karena font Song pada dasarnya adalah satu -satunya font web universal yang menampilkan Cina saat ini, 12px telah menjadi ukuran font yang paling umum digunakan. Tentu saja, kami dapat memodifikasi nilai default ini sesuai dengan kebutuhan produk.
Tidak perlu mempertimbangkan desain berdasarkan ukuran font (EM).
Dalam versi Cina setelah Chrome 3.0, ukuran font minimum adalah 12px.
Ini adalah nilai pengalaman. Misalnya, dalam font Yui, ini adalah font:13px/1.231 arial,helvetica,clean,sans-serif; adalah 1,231 kali font default. Untuk Cina, ukuran font yang umum digunakan seperti 12px, 14px, 16px, 18px, dll., Mengatur ketinggian garis ke angka genap di IE6 dan IE7 juga dapat menyelesaikan masalah font dalam beberapa kasus khusus.
Di IE6 dan IE7, nilai garis tinggi harus lebih besar dari 2px font untuk memastikan tampilan lengkap font atau untuk secara efektif menampilkan garis bawah saat itu adalah tautan.
Saat mengatur line-height , berhati-hatilah untuk tidak menggunakan unit (termasuk %), karena node anak akan mewarisi nilai line-height garis yang dihitung. Tanpa berubah dengan ukuran font, dan nilai unitless adalah kelipatan dari font-size wadah, jadi mengaturnya ke nilai unitless adalah pilihan terbaik.
Tinggi garis CSS yang mendalam sangat membantu untuk memahami line-height dan layak dibaca.
Sebagian besar platform memiliki arial , yang mengurangi waktu pencarian browser.
Kode minimal dan mudah ditulis. arial pada dasarnya adalah font dengan nama terpendek, yang dapat menghemat ukuran CSS.
Semua huruf adalah huruf kecil, dan Google saat ini melakukan ini, dengan keuntungan bahwa mereka dapat ditulis lebih cepat dan meningkatkan efisiensi kompresi GZIP.
Yang terbaik adalah menggunakan {font-family:5b8b4f53;} untuk mengekspresikannya dalam bahasa Cina {font-family:5fae8f6f96c59ed1;} . Manfaat ini adalah untuk menghindari pengkodean.
Gunakan tipe font yang benar untuk ditulis, hindari tanda kutip, yang dapat mengurangi ukuran CSS. Font Cina dapat ditulis dengan cara sebelumnya.
Melalui tes pengaturan campuran Cina dan Inggris dan simbol, saya menemukan bahwa Microsoft Yahei benar -benar berkinerja cukup baik, termasuk nomor bahasa Inggris dan karakter Inggris, serta efek tampilan dari IE6 dan IE7, tetapi satu -satunya penyesalan adalah bahwa jika Microsoft Yahe diinstal di bawah XP jika pengguna dengan font hitam tidak menyalakan opsi "tepi halus font layar", itu akan sangat buram dan sulit dikenali di bawah Firefox, Safari, Opera, dan terutama IE6. Saat ini tidak ada solusi yang baik untuk masalah ini, jadi hanya mungkin untuk menggunakannya secara formal sampai rasio penggunaan IE6 sangat kecil. Mungkin akan memakan waktu hingga 2014, ketika XP meninggal.
Meskipun @font-face ditemukan sangat awal, dukungan browser, kecepatan jaringan dan masalah bisnis jarang digunakan. Kabar baik tentang font baru -baru ini adalah bahwa Firefox 3.6 akan mendukung Web Open Font Forma. Untuk informasi yang relevan tentang masa depan font web, Anda dapat melihat masa depan font web, tentang font web: situasi saat ini dan masa depan, dan berbicara tentang situasi saat ini dan masa depan font web.