Tutorial BloGGeR dan Panduan BlogDETIK tentang berbagai Jenis font yang bisa dimanfaatkan ketika ngeblog ini akan sangat bermanfaat untuk menciptakan berbagai variasi bentuk teks yang membuat blog tampil lebih segar dan tidak tampak monoton. Berbagai macam bentuk font diciptakan melalui kode css atau kode html seperti :
span.antik {font-family:monotype Corsiva;font-size:22px;font-weight:bold; ...dst }
Update » January, 08, 2012
Contoh Kode CSS :
h3{font-family:Cataneo BT;font-size:1em;color:blue; ...dst }, atau yang lain misalnya :span.antik {font-family:monotype Corsiva;font-size:22px;font-weight:bold; ...dst }
Contoh Penggunaan di Kode HTML :
<div style="background:#555;color;:blue;font-family:Cursive;font-weight:bold;font-size:27px;padding:5px;float:left; .... dst;"> Teks dan isi yang lain </div>Tabel Font-Family :
| KODE : | Bentuk Font : |
| font-family:Arial; | Arial | font-family:Arial Narrow; | Arial Narrow |
| font-family:Arial Unicode MS; | Arial Unicode MS |
| font-family:Cataneo BT; | Cataneo BT |
| font-family:Comic Sans MS; | Comic Sans MS |
| font-family: Courier; | Courier |
| font-family:Courier New; | Courier New |
| font-family:Cursive; | Cursive |
| font-family:Dauphin; | Dauphin |
| font-family:Georgia; | Georgia |
| font-family:Helvetica; | Helvetica |
| font-family:Helvetica Neue; | Helvetica Neue |
| font-family:Lucida; | Lucida |
| font-family:Lucida Console; | Lucida Console |
| font-family:Lucida Sans; | Lucida Sans |
| font-family:Monospace; | Monospace |
| font-family:Monotype Corsiva; | Monotype Corsiva |
| font-family: Sans serif; | Sans serif |
| font-family:Sans-serif; | Sans-serif |
| font-family:MS Sans serif; | MS Sans serif |
| font-family:Square721 BT; | Square721 BT |
| font-family:Tahoma; | Tahoma |
| font-family:Times New Roman; | Times New Roman |
| font-family:Trebuchet; | Trebuchet |
| font-family:Trebuchet MS; | Trebuchet MS |
| font-family:Frutiger; | Frutiger |
| font-family:Droid Serif; | Droid Serif |
| font-family:Geneva; | Geneva |
| font-family:Fantasy; | Fantasy |
| font-family:Palatino Linotype; | Palatino Linotype |
| font-family:Impact; | Impact |
| font-family:Calisto MT; | Calisto MT |
Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :
Update » January, 08, 2012» Happy Blogging - gubhugreyot «
5.png)
