Total Tayangan Halaman

Translate

Jumat, 26 Juli 2013

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. Daftarfont yang saya contohkan saya ambil dari nama-nama font yang di pakai diNotepad, versi script western.

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


1. Teks standart :
<font>Teks dengan fon 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
http://www.carabuatwebgratis.com/2011/01/membuat-variasi-font-pada-teks.html

1 komentar:

  1. Ada kabar gembira buat para drakor alias drama korea....... yuk duduk paling depan siapkan handpone anda bersama cemilan juga.. langsung saja kabar gembira nya adalah sekarang udah ada aplikasi buat para pecinta drakor lo..... nam aplikasinya adalah MyDrakor dan bisa di instal di play store di perangkat handpone kalian ya guys.... aplikasi ini memuat film drakor terbaru tentunya akan membuat kalian pada baper guys dan kabar gembiranya adalah kalian juga bisa mengunduh film nya guys pokonya keren abistttt dechh guys.... dijamin gax bakal nyesel dechhh...
    Link untuk menginstal aplikasi nya ya tapi khusus pengguna android...
    https://play.google.com/store/apps/details?id=id.mydrakor.main

    BalasHapus

Related Posts Plugin for WordPress, Blogger...