Kalau kemarin aku udah share cara pakai font Google Sans di blog, sekarang aku buat panduan yang sama lagi.
Tapi font-nya jelas beda.
Font yang aku bahas kali ini adalah RobotoDraft.
Font ini bagus banget bentuknya. Gak kalah keren sama Google Sans.
Font ini juga di pakai sama blog Zkreations, salah satu blog yang aku anggap terkenal dan aku jadikan teladan dalam hal desain web dan blog.
Oke, langsung aja kita ke bagian instalasi fontnya :
Panduan Memasang Font
1. Buka halaman Edit HTML.
2. Cari koding <style>, kemudian taruh code ini dibawah koding tersebut.
/* Font RobotoDraft */
@font-face{font-family:RobotoDraft;font-style:normal;font-weight:400;src:local('RobotoDraft'),local('RobotoDraft-Regular'),url(https://fonts.gstatic.com/s/robotodraft/v1/0xES5Sl_v6oyT7dAKuoni4gp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2'),url(https://fonts.gstatic.com/s/robotodraft/v1/0xES5Sl_v6oyT7dAKuoni7rIa-7acMAeDBVuclsi6Gc.woff) format('woff')}@font-face{font-family:RobotoDraft;font-style:normal;font-weight:500;src:local('RobotoDraft Medium'),local('RobotoDraft-Medium'),url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwXJuJo8UJJfpGKt7pXjBv4s.woff2) format('woff2'),url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwaTA90I55Xt7owhZwpPnMsc.woff) format('woff')}@font-face{font-family:RobotoDraft;font-style:normal;font-weight:700;src:local('RobotoDraft Bold'),local('RobotoDraft-Bold'),url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-Vwf79_ZuUxCigM2DespTnFaw.woff2) format('woff2'),url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwRbnBKKEOwRKgsHDreGcocg.woff) format('woff')}3. Sekarang, tinggal panggil aja font-nya dengan code :
html, input, button, textarea, select{font-family:RobotoDraft, Sans-serif;}Tolong diperhatikan, jika sebelumnya kamu udah/sedang menggunakan font lain, silahkan hapus dulu font tersebut supaya blog kamu nggak berat.
Catatan: Terlalu banyak menggunakan variasi font bisa sangat berdampak pada loading blog atau website kamu.
