Video: Part 17 Membuat Web Sederhana Bag 10 Font 2024
Pada satu titik, teks langsung terbatas pada font web-safe. Untungnya, sekarang Anda memiliki lebih banyak pilihan menarik mengenai font, berkat teknologi penyisipan font, yang memungkinkan Anda menyematkan font ke dalam halaman web blog Anda. Dengan font yang disematkan, pengunjung melihat font yang Anda pilih untuk disain Anda, meskipun font itu tidak aman untuk web.
Jadi apa tangkapannya? Font tersemat dapat memperlambat pengunduhan blog Anda di browser pengunjung. Selain itu, agar font yang disematkan berfungsi, peramban web pengunjung Anda harus mendukung penyisipan font.
Ketika sampai pada font, browser mengetahui font apa yang akan ditampilkan oleh nama font yang tercantum dalam CSS Anda (Cascading Style Sheet). Dengan font web-safe, browser menampilkan font dengan benar dengan menarik informasi font itu dari sistem operasi komputer.
Dengan font tersemat, browser menampilkan font dengan benar karena CSS situs web tersebut mendefinisikan di mana browser dapat menemukan file font yang perlu ditampilkan (karena font tidak ada di komputer pengunjung situs web).
Layanan seperti Adobe Typekit dan Google Web Font memberi host font untuk Anda. Ketika seseorang mengunjungi blog Anda, CSS Anda tahu untuk menampilkan font yang disematkan dengan menarik file font dari lokasi lain selain komputer Anda.
Untuk menggunakan font yang disematkan dengan salah satu layanan ini, mereka memberi Anda kode yang Anda butuhkan untuk membuat tampilan font di blog Anda. Bagus! Dari situ, Anda harus bisa menambahkan kode yang mereka berikan ke dokumen HTML blog Anda, biasanya di file bernama header. php di WordPress atau dengan mengedit file template anda di Blogger.
Anda juga harus bisa mengubah CSS Anda agar bisa berubah dari font Anda saat ini menjadi nama font yang ingin Anda embed.
Cara yang lebih maju untuk menggunakan font yang disematkan adalah menggunakan properti font-face @ di dalam CSS Anda. Untuk melakukan ini, Anda harus cukup terbiasa dengan pengkodean dengan kode itu secara manual atau menggunakan layanan seperti FontSquirrel, yang membantu Anda menghasilkan kode dan file yang dibutuhkan untuk menggunakan properti font-face. File font bisa di host di server Anda sendiri atau dengan layanan font seperti FontSquirrel.