PENDAHULUAN

Pemilihan font sangat penting untuk tampilan sebuah website. Font sangat berpengaruh terhadap kenyamanan saat membaca dan membuat pengunjung betah berlama-lama menghabiskan waktunya untuk satu artikel.

Salah satu tempat penyedia font yang cukup populer adalah Google Font. Ini sangat memudahkan web developer dan UI Designer dalam menghasilkan karya yang menarik. Selain karena pilihannya beragam, pengguna pun tidak dipungut biaya alias gratis. Disana tersedia banyak font keren dengan berbagai kategori dan model yang bisa disesuaikan dengan kebutuhan.

Percaya atau tidak, Internet Explorer telah mendukung penggunaan font external dalam CSS sejak IE versi 5 yang dirilis 12 tahun lalu. Namun untuk membuat web browser ‘mengerti’ font external memerlukan metode yang sulit. Salah satu penyebabnya adalah karena perbedaan format font yang didukung oleh web browser.

Berikut cara menambahkan font eksternal ke dalam website :

1. Untuk memulai bukalah kode editor lalu buat projek baru kita

2. masukin kode html yang dapat dilihat dibawah ini

Hasilnya dapat dilihat di bawah ini

3. buka fonts.google.com lalu pilih font yang sesuai dengan keinginan kita

4. Lalu klik button sebelah kanan

5. lalu select this style akan muncul tab baru sebelah kanan dengan keterangannya, lalu pilih 4 font lagi untuk project kita

Lalu,pada tab sebelah kanan pilih embed, dan terdapat via link atau import, kita coba pilih import. Copy. Ingat!! perhatikan RULES nya untuk menggunakannya nanti

6. setelah itu implementasikan ke Code Porject kita

7. lalu lihat hasilnya. Ingat!! harus connect internet.

REFERENSI

[1].    https://fonts.google.com/

[2].   https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization?hl=id

[3].    https://www.duniailkom.com/tutorial-belajar-css-cara-menggunakan-font-external-dengan-css-font-face/

Original Create by : M. Rifki Ilmi & Satrio Wibowo

Sumber Gambar