Nota: Halaman ini berkaitan dengan menukar jenis font, saiz, dan warna pada halaman web. Untuk Microsoft Word, lihat halaman kami mengenai cara menukar warna font, saiz, atau taip Word.

Dokumen ini mengandungi arahan tentang cara menukar font dan warna pada halaman web. Sintaks yang betul bergerak ke depan adalah dengan menggunakan Lembaran Gaya Cascading bersama dengan pemilih kelas atau ID dan bukannya atribut gaya dalam huruf atau tag font yang tidak lagi digunakan. Walaupun, perlu diperhatikan bahawa kedua-dua kaedah ini masih berfungsi dengan kebanyakan penyemak imbas Internet.

Untuk meneruskan, pilih kaedah yang anda ingin pelajari atau baca setiap bahagian.

Sekiranya anda merancang menukar wajah font dan warnanya sekali sahaja pada halaman web, anda perlu menukar atributnya dalam tag elemen. Dengan menggunakan atribut gaya, anda boleh menentukan muka font dan warna dengan font-family, warna, dan saiz fon dengan saiz fon, seperti yang ditunjukkan dalam contoh di bawah.

Contoh kod

Teks ini mempunyai font Courier, adalah Blue, dan 20px.

Keputusan

Teks ini mempunyai font Courier, adalah Blue, dan saiz 20px.

Menggunakan CSS untuk satu atau lebih halaman

Fon tersuai untuk satu halaman

Di bahagian kepala halaman web anda, anda boleh memasukkan kod di antara tab untuk mengubah penampilan teks anda dalam pelbagai elemen. Kotak biru seterusnya mengandungi kod contoh yang, sekali dipanggil, akan mengubah wajah fon anda kepada Kurir dan berwarna merah. Seperti yang dapat anda lihat, kami telah menentukan nama kelas sebagai "adat."

 .custom {font-family: Courier; warna: merah; saiz fon: 20px; } 

Setelah ditakrifkan, gaya ini boleh digunakan untuk kebanyakan elemen dalam halaman anda dengan melampirkan kelas "adat" kepada mereka. Kotak berikut menunjukkan dua baris kod dan hasil masing-masing.

Contoh

Keseluruhan ayat ini adalah merah dan Kurier

Hanya perkataan TEST adalah merah dan Kurier.

Keputusan

Keseluruhan ayat ini adalah merah dan Kurier.

Hanya perkataan TEST adalah merah dan Kurier.

Font adat untuk banyak halaman

Mengimport fail CSS luaran boleh menjadi sangat bermanfaat kerana ia membolehkan pengguna mengubah peraturan untuk berbilang halaman pada masa yang sama. Bahagian berikut menunjukkan contoh untuk membuat fail CSS asas yang mengubah fon dan warna untuk kebanyakan elemen. Fail ini boleh dimuatkan ke lebih dari satu laman web, bahkan seluruh laman web.

Menggunakan mana-mana editor teks asas, menyimpan teks berikut sebagai fail .css akan mempersiapkannya untuk diimport.

 @charset "utf-8";
.courier {font-family: Courier; warna: # 005CB9; } 

Sebaik sahaja teks terdahulu telah dimasukkan ke dalam .css file (kami telah menamakan ours basic.css ), anda boleh memautnya dari mana-mana halaman lain menggunakan garis mirip dengan contoh berikut.

Petua: Pengguna boleh menukar atribut elemen pada halaman dengan mengubah kod dalam fail .css yang diimpor.

Penyelesaian tag font

Walaupun sudah tidak digunakan, tag HTML masih boleh digunakan dan mungkin perlu digunakan dengan beberapa perkhidmatan dalam talian. Apabila menggunakan tag FONT, anda mesti menyertakan atribut muka, yang menggambarkan fon untuk digunakan. Dalam contoh di bawah, kami menggunakan font Courier dan kod warna heksadesimal # 005CB9, yang berwarna biru tua.

Contoh kod

 Contoh fon khas. 

Keputusan