Thursday, July 12, 2012
2 comments

ketikweb
Bagaimana CSS mengatur font css?

Jenis font diatur melalui properti font-family dimana nilainya berupa beberapa nama font dengan pemisah tanda koma. Contoh :

Font-family: Arial, sans-serif, verdana;

Pada contoh di atas, Arial merupakan font yang menjadi prioritas untuk dipakai. Namun, bila font tersebut tidak terpasang dalam komputer maka sans-serif yang akan digunakan. Bila sans-serif tidak ada maka verdana yang digunakan. Begitulah seterusnya, sobat bisa memasukkan banyak font cadangan namun bisa berefek akan memperlambat terbukanya halaman web maupun blog kita. Perlu sobat ketahui juga bahwa sans-serif adalah salah satu kategori font yang digunakan oleh semua browser dan dijamin ketersediaannya. Jadi janganlah sobat memasang jenis font sesuka kita tanpa mempertimbangkan ketersediaan jenis font kita di komputer orang lain.

Bagaimana mengatur ukuran font css?

Ukuran font diatur melalui properti font-size. Seperti :

font-size: 12px;

Pada contoh di atas, menggunakan (px) yang artinya ukuran font sebesar 12 piksel.
Satuan ukuran font lain yang bisa digunakan adalah
  • em, artinya ukuran bersifat relatif terhadap ukuran font sekarang. 1 em identik dengan ukuran font sekarang, 2 em artinya 2 x ukuran font sekarang.
  • %, artinya ukuran relatif terhadap huruf sekarang. Nilai 100 % berarti sama 100 % ukurannya dengan ukuran font sekarang. Nilai 200 % berarti ukurannya 200 % dari ukuran huruf sekarang.
  • in, menyatakan satuan inci.
  • mm, menyatakan satuan milimeter.
  • cm, meyatakan satuan centimeter.
Bagaimana css mengatur font text miring dan font text tebal?

Untuk text miring dengan mengatur properti sebagai berikut:

font-style: italic;


Untuk menormalkan text (artinya tidak miring)  sebagai berikut:

font-style: normal;

Untuk text bold dengan mengatur properti sebagai berikut:

font-weight: bold;

Untuk menormalkan text (artinya tidak bold)  sebagai berikut:

font-weight: normal;

Praktek Langsung :
Siapkan notepad atau adobe dreamweaver sobat lalu ketikkan perintah berikut :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>pengaturan font css</title>
<style type="text/css">
.h1 {
font-size: 24px;
font-family:Verdana, Geneva, sans-serif;
font-style:italic;
font-weight:bold;
}
</style>
</head>
<body>
<div>Saya adalah teks biasa</div>
<div class="h1">Saya adalah teks pengaturan css</div>
</body>
</html>

Kemudian sobat jalankan. Hasilnya kira - kira seperti ini :

ketikweb
Sekian tutorial postingan css pengaturan font kali ini. Semoga bermanfaat.
css a | how to css | css template | font in css | font for css | css for font | css fonts | font family for css | bold css | font font | the font | what font |

Share ke Google
"Sobat suka postingan ini? Silahkan copy link dibawah ini dan paste ke web, blog, atau sosial media sobat yang nantinya akan menghubungkan sobat langsung dengan postingan ini. "
Untuk mendapat respon balik dari saya, tuliskan identitas sobat dalam memberi komentar dalam kolom dibawah ini.

2 comments:

Unknown said...

Makasih penejalasannya tentang CSS font. Baru belajar ngeblog nih :D salam

Unknown said...

sama2, smoga lancar belajarnya.... jgn lupa bantu share blog ini ya...

Post a Comment

ketikweb ketikweb ketikweb
 
@2013 ketikweb.blogspot.com | Template Modified and Enhanced by Zulkifli Hasan