Mengenal Fungsi Font-face pada CSS

Cinta adalah perbuatan. Kata-kata dan tulisan indah adalah omong kosong. Halo teman-teman, apa kabar? Terbaik dan nomor satu nya ya pasti. Oke pada kesempatan kali ini saya akan membahas tentang Mengenal Fungsi Font-face pada CSS.

Font yang kita inginkan sudah kita unduh atau download dari website-website penyedia font, kemudian ingin kita gunakan pada website/blog kita sendiri namun tidak berhasil walaupun sudah di install ke dalam PC atau Laptop kita?
Ya, itu lah yang saya alami dalam kurun beberapa waktu lalu. Apakah teman-teman pernah mengalami kejadian yang serupa seperti saya ini? Oke mari kita bahas lebih dalam lagi untuk Mengenal Fungsi Font-face pada CSS.

Fungsi Font-face ini memproseskan file font yang berekstensikan:
– .EOT
– .TTF / .OTF
– .SVG
– .WOFF

Berikut adalah contoh penggunaan font-face:

@font-face {
    font-family: myFirstFont;
    src: url(sansation_light.woff);
}

Penulisan Font-face didalam nya ada font-family, nah font-family tersebut menamakan font yang sudah kita download itu, penamaan nya bebas ya teman-teman.

Nah kemudian penggunaan nya setelah kita sudah mengaktifkan font yang sudah kita unduh tadi, seperti berikut:

p {
    font-family: myFirstFont;
}

Kelebihan dari Font-face ini sendiri mempunyai kebebasan untuk memakai berbagai macam jenis font. Tapi, dari kelebihannya itu pun pasti ada kekurangannya teman-teman. Yaitu, membuat loading browser menjadi lemot karena browser tersebut harus mendownload font-font pilihan anda tersebut. Tapi tidak usah khawatir dengan hal itu, karena jika sudah melewati dari loading font tersebut, selanjutnya akan seperti biasa karena font telah tersimpan dalam cache web browser kalian.

Ada kesimpulan dari saya nih teman-teman, jangan terlalu banyak memakai jenis font-font luar yang harus kita unduh, karena akan memperlambat loading situs anda.

Bagaimana teman-teman? Sudah paham untuk font-face nya?

Sekian untuk artikel kali ini tentang Mengenal Fungsi Font-face pada CSS.

Semoga bermanfaat, terima kasih

The post Mengenal Fungsi Font-face pada CSS appeared first on Kursus Website Terbaik.