Senin, 16 April 2012

Menggunakan Atribut Style pada Font blog

0 komentar



Atribut Style digunakan untuk menentukan gaya atau bentuk dan memberi fariasi pada font. Dengan Atribut Style, kita bisa merubah atau menentukan ukuran besar dan kecil pada font, memberi warna pada font, memberi background warna atau warna latar pada font, merubah bentuk atau jenis font, dan menentukan penempatan letak teks baik disebelah kiri, tengah, serta kanan.

Berikut penggunaan Atribut Style beserta contoh hasilnya :

1. Menentukan ukuran pada font
<span style="font-size: 20px;">Teks ini menggunakan ukuran font 20 px</span>

Berikut hasilnya :
Teks ini menggunakan ukuran font 20 px

2. Memberi warna pada font
<span style="color: #0b5394; font-size: 20px;">Teks ini menggunakan ukuran font 20 px, dan warna biru</span>

Berikut hasilnya :
Teks ini menggunakan ukuran font 20 px, dan warna biru

3. Memberi Warna latar pada font
<span style="color: #0b5394; font-size: large;"><span style="background-color: #cccccc;">Teks dengan background abu-abu</span></span>

Berikut hasilnya :
Teks dengan background abu-abu

4. Menentukan penempatan letak teks
<div style="text-align: left;">
<span style="color: #0b5394; font-size: large;">Teks berada disebelah kiri (align Left)</span></div>

Teks berada disebelah kiri (align Left)


<div style="text-align: center;">
<span style="color: #0b5394; font-size: large;">Teks berada disebelah kiri (align Center)</span></div>

Teks berada disebelah kiri (align Center)


<div style="text-align: right;">
<span style="color: #0b5394; font-size: large;">Teks berada disebelah kiri (align Right)</span></div>

Teks berada disebelah kiri (align Right)

5. Merubah bentuk atau jenis font
<span style="font-family: Algerian ;">
<span style="color: #0b5394; font-size: 20px;">Teks dengan bentuk font</span></span>
Berikut hasilnya :
Teks dengan bentuk font

Dibawah ini daftar nama - nama bentuk font, silahkan anda bida gunakan daftar dibawah ini untuk latihan :

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

Jokerman

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

Script

Script MT

Segoe Print

Segoe Script

Segoe UI

Showcard Gothic

oooooooooooooo
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

OK....Selamat membaca artikel yang lain dan semoga bermanfaat....

Leave a Reply