Cara Memasukkan Wingdings di CSS

Cascading Style Sheets (CSS) adalah cara yang berguna untuk memformat halaman Web. Anda dapat menata semua aspek desain situs web pada lembar gaya eksternal, dan perubahan yang Anda buat pada lembar gaya tersebut dapat memengaruhi beberapa halaman Web. Font dapat dengan mudah dikonfigurasi ulang melalui CSS. Ada daftar font yang distandarisasi untuk digunakan di Internet. Wingdings tidak termasuk di antara font ini, dan ini adalah font yang tidak tersedia secara default di semua komputer. Untungnya, Anda masih dapat menggunakan CSS untuk mengonfigurasi halaman Web agar menggunakan Wingdings.

Langkah 1

Buka file CSS Anda di Notepad.

Video Hari Ini

Langkah 2

Buat kelas atau ID baru untuk objek yang akan diformat di Wingdings. Gunakan kelas jika Anda akan memanggil parameter ini lebih dari sekali. Gunakan ID jika Anda hanya akan menelepon sekali. Misalnya, untuk membuat kelas yang disebut "gila", ketik perintah berikut:

.gila {

Langkah 3

Tentukan Wingdings dalam properti "font-family" dari kelas atau ID Anda. Misalnya, untuk kelas "gila":

.crazy { font-family: wingdings}

Langkah 4

Temukan item yang ingin Anda render di Wingdings di dalam file HTML Anda. Tentukan item tersebut sebagai instance dari kelas atau ID yang menerapkan Wingdings. Misalnya, jika elemen yang diinginkan adalah "div":

Teks dalam "div" ini akan diformat dalam Wingdings.

Peringatan

Banyak browser tidak mendukung Wingdings, dan banyak komputer tidak memiliki Wingdings dalam set font default mereka. Karena alasan ini, sebagian besar browser tidak akan menampilkan Wingdings dengan benar. Untuk menghindari komplikasi semacam ini, yang terbaik adalah mengkodekan setiap karakter Wingdings yang diinginkan melalui Unicode (lihat Sumberdaya untuk daftar karakter Unicode yang sesuai.)