TUTORIAL CSS PART 11 : FONT

bewoksatukosong.com | Selamat pagi, siang dan malam. Kali ini om bewok bakal ngejelasin Mengenai Font Dalam CSS.

Sebenernya ada 2 cara dalam pemanggilan,

1. Menggunakan font-family

2. @font-face, kebetulan kita masih membahas mengenai css, jadi kita bakal bahas yang masih menggunakan font-family, soalnya kalau sudah menggunakan font-face kita akan pelajari css 3 terlebih dahulu. Nanti ya di Tutorial CSS 3

Anak Kecil : om bewok, bagaimana ya kita tau nama - nama font, palingan yang tau cuman arial ?

Pertanyaan yang sangat biasa sekali anak kecil.

Well sebenernya ada beberapa referensi untuk mencari font, tapi mungkin om bewok bakal memberi tau yang sering om bewok gunakan saja ya, sebernya banyak sih untuk mencari referensi font, tapi om bewok belum pernah nyoba, jadi om bewok tidak akan memberikan referensi kalau om bewok sendiri belum pernah menggunakanya.

OK, Sebelum kita mencari referensi font, terlebih dulu kita mengetahui jenis - jenis font.
Kita harus tau tipe - tipe font, jadi tipe font ini sebenernya ada 2. Jadi ada sans-serif dan serif

anak kecil : Perbedaan nya apa sih om dari ketiganya ?

om bewok tidak akan memberikan perbedaan dari kata - kata melainkan dari gambar. lihat perbedaan nya di bawah ya :)))

Terlihat sekali bahwa sans-serif tidak ada apa ya namanya tangkai ya pokoknya bisa keliatan lah seperti di gambar.

langsung aja kita coba ya.

<!DOCTYPE html>
<html>
<head>
 <title>belajar fonts menggunakan css</title>
 <style>
  p {
   font-family: arial, sans-serif;
  }
 </style>
</head>
<body>
 <p>halo perkenalkan namaku adalah budi, budi anak yang baik dan budi tidak pernah melawan orang tua jadilah seperti budi ya</p>
</body>
</html>

Tampilan gambar akan seperti ini

Om bewok bakal ngejelasin mengenai cssnya ya soalnya kalau html nya mungkin kalian sudah paham.

font-family: arial, sans-serif;

Yappp untuk mengganti font kamu harus menggunakan font-family ya, nanti ada satu lagi yaitu font-face tapi satu satu ya, soalnya font-face untuk materi css 3, tungguin aja :))

arial ? arial yap betul itu adalah nama font

sans-serif? yap itu tipe font nya yang sudah kita bahas tadi.

oh ya jika font nya lebih dari kata seperti Times New Roman maka kodinganya seperti ini

font-family: "Times New Roman", serif;

Jadi teman - teman harus menggunakan tanda kutip diujungnya.

Oh iya om bewok lupa, jika kamu bingung menggunakan font, di bawah ini om bakal ngasih tau website apa saja yang mungkin kamu sedang mencari font yang bagus, entah buat website kamu, font buat komik, cover kaset kamu,

https://www.google.com/fonts

http://www.dafont.com/

https://www.fontsquirrel.com/

Selesai sudah mengenai CSS Part 11 Font, Selanjutnya kita akan membahas mengenai CSS Part 12 Pseudo-Class seperti :hover :visited :link.