Cara Membuat Font Menyesuaikan Device di Blog

Cara Membuat Font Menyesuaikan Device di Blog

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.

Leave a Comment