Halo sobat semua kembali dengan Pintarsaurus pada kesempatan kali ini Pintarsaurus akan membagikan Tutorial Membuat Font Menyesuaikan Device maksud dari menyesuaikan adalah membuat Font yang ada pada device akan muncul jadi jika pada device tersebut menginstal font Roboto maka akan muncul dengan style font roboto.
Lantas bagaimana untuk membuat font tersebut menjadi sesuai device ? sobat bisa menggunakan cara yang ada dibawah ini untuk situs yang sobat kelola.
Membuat Font Menyesuaikan Device
Pertama Buka Blog klik Tema > Klik Edit HTML
Kedua sobat cari kode css body
Bila sudah ketemu sobat ganti kode font pada kode body dengan kode dibawah ini
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
Maka hasilnya akan terlihat seperti ini
body{
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 16px;
font-weight: 500;
background: #f5f5f5;
color: #272626;
margin: 0;
padding: 0;
}
Setelah itu sobat simpan dan lihat hasilnya maka akan menyesuaikan device
Tapi jika menggunakan cara ini berarti font tidak sesuai keinginan sobat dan hanya menyesuaikan font yang ada pada device saja.