;

Cara menambahkan font pada css - tutorial font pada css

Cara menambahkan font pada css


hai guyss hari ini saya akan share tentang CSS Fonts,fungsi CSS inii digunakan untuk menampilkan gaya tulisan dengan menggunakan kode baris CSS,

Selector yang digunakan pada CSS adalah font-size, font-family.


baca juga referensi yang bisa membantumu :


1.font-size


font-size merupakan selector yang digunakan untuk merubah ukuran huruf ,dalam CSS properti yang biasa digunakan pada selector font-size adalah pixel atau disingkat dengan px , ada juga properti % ( percent ),ada pica ( pc ) ,ada in (inchi) ,ada em .

dalam kesempatan ini saya hanya mencontohkan 2 (dua) properti saja yaitu px dan %.

contoh penggunaan font size dengan properti px  :

font-size : 12px ;



contoh penggunaan font size dengan properti %  :

font-size : 12% ;


berikut contoh penggunaan selector font-size dengan properti px  :

font-size : px pada CSS
penggunaan properti "px" pada selector "font-size"

pada gambar diatas ukuran yang digunakan adalah 12px atau 12 pixel,kita bisa menambah ukuran pixelnya sesuai keinginan kita atau sesuai kebutuhan yang kita gunakan.

berikut contoh penggunaan selector font-size dengan properti %  :

Tutorial CSS - font-size,font-family
penggunaan properti " " pada selector "font-size"

pada gambar diatas ukuran yang digunakan adalah 12% atau 12 percent,kita bisa menambah ukuran pixelnya sesuai keinginan kita atau sesuai kebutuhan yang kita gunakan.

pada kedua gambar px dan % meskipun ukuran yang berbeda bukan ?,meskipun sama-sama bernilai 12,jadi seperti itulah penggunaan selector font size dengan properti px dan % .



2.font-family 


font-family merupakan selector yang digunakan untuk model sebuah huruf,pada selector font-family ,properti yang digunakan pada selector ini adalah Arial,sans serif,Courier new,Helvetica dll.

contoh penggunaan font-family dengan properti Arial :

font-family: arial ;

font-family - CSS program
contoh penggunaan Arial

contoh penggunaan font-family dengan properti Arial :

Kalian bisa mencoba properti lain,jadi saya hanya mencoba satu properti ini ya pada tutorial kali ini,hehe

semoga bermanfaat ya guysss,:)

Gbu ;)




List of Article Posts https://buayaberdiri.blogspot.com