Monday, January 16, 2012

Membuat variasi Font pada Teks



Sebuah Web ataupun Blog diharapkan memberi tampilan yang indah dan menarik. Salah satunya mengan memberikan variasi pada teks sesuai dengan selera kita,seperti memberi warna pada teks, memberi ukuran besar kecil dll. Dan kali ini saya akan memberi contoh bagaimana cara penulisan dalam HTML, agar tulisan lebih bervariasi.


Nama-nama Font bisa anda lihat dibagian paling bawah halaman ini. Daftar font yang saya contohkan saya ambil dari nama-nama font yang di pakai di Notepad, versi script western.
Untuk memberi warna pada teks anda, silahkan lihat dan pilih warna dan kodenya yang ada  pada Tabel kode warna di KLIK DISINI

OK...!!!, sekarang silahkan anda perhatikan perbedaan contoh-contoh berikut :


1. Teks standart :
<font>Teks dengan font standart</font>
berikut hasilnya :
Teks dengan font standart


2. Teks dengan nilai besar-kecil :
<font size="6">Teks dengan ukuran font</font>
 berikut hasilnya :

Tek dengan ukuran font


3. Teks dengan nilai ukuran dan berwarna :

<span style="color: #FF0000; font-size: 45px;">Teks dengan nilai ukuran dan berwarna merah</span>

berikut hasilnya :
Teks dengan nilai ukuran dan berwarna merah

<span style="color: #ffff20; font-size: 50px">Teks dengan nilai ukuran dan berwarna kuning</span>

berikut hasilnya :
Teks dengan nilai ukuran dan berwarna kuning

<span style="color: #009600; font-size: 30px;">Teks dengan nilai ukuran dan berwarna hijau</span>

berikut hasilnya :
Teks dengan nilai ukuran dan berwarna hijau

<span style="color: #1418ff; font-size: 20px;">Teks dengan nilai ukuran dan berwarna biru</span>

berikut hasilnya :
Teks dengan nilai ukuran dan berwarna biru



4. Teks berwarna dengan besar 30px,font Goudy Stout :
<span style="color: #1418ff; font-size: 30px"><span style="font-family: Goudy Stout,sans-serif;">Teks berwarna dengan besar 30px,font Goudy Stout</span></span>

berikut hasilnya :
Teks berwarna dengan besar 30px,font Goudy Stout

Gimana mudah kan....?
Berikut ini daftar macam-macam font untuk anda coba terapkan pada artikel anda :

Nama-nama Font
Agency FB

Algerian

Arial

Arial Rounded MT

Baskerville Old Face

Bauhaus 93

Bell MT

Berlin Sans FB

ArialBernard MT

Blackadder ITC

Bodoni MT

Bodoni MT Poster

Book Antiqua

Bookman Old Style

Bradley Hand ITC

Britannic

Broadway

Brush Script MT

Calibri

Century Gothic

Century Schoolbook

Chiller

Colonna MT

Comic Sans MS

Cooper

Copperplate Gothic

Courier

Curlz MT

Edwardian Script ITC

Elephant

Engravers MT

Eras ITC

Felix Titling

Fixedsys

Footlight MT

Forte

Franklin Gothic

Freestyle Script

French Script MT

Futura Md BT

Gabriola

Georgia

Gigi

Gill Sans

Gloucester MT

Goudy Old Style

Goudy Stout

Haettenschweiler

Harlow Solid

Harrington

High Tower Text

Impact

Informal Roman

okermanJ

Juice ITC

Kristen ITC

Kunstler Script

Latin

Lucida Calligraphy

Lucida Console

Lucida Handwriting

Lucida Sans

Magneto

Maiandra GD

Matura MT Script Capitals

Microsoft Sans Serif

Mistral

Modern

Modern No. 20

Monotype Corsiva

MS Sans Serif

MS Serif

Niagara Engraved

Niagara Solid

OCR-A BT

Old English Text MT

Onyx

Palace Script MT

Palatino Linotype

Papyrus

Playbill

Poor Richard

Pristina

Rage

Ravie

Rockwell

Roman

ArialScript

Script MT

Segoe Print

Segoe Script

Segoe UI

ArialShowcard Gothic

Small Fonts

Snap ITC

Stencil

System

Tahoma

Tempus Sans ITC

Terminal

Times New Roman

Trebuchet MS

Tw Cen MT

Verdana

Viner Hand ITC

Vivaldi

Vladimir Script

selamat mencoba dan semoga bermanfaat....

Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.

No comments:

Post a Comment