Latest Article

Promotion Ads

Buat Website Murah

Featured Article

Popular Article

Typography Dalam Sebuah Website

Sebelumnya saya sudah membuat artikel tentang Arti dari Typography, sekarang saatnya saya menjelaskan bagaimana cara penerapan typography dalam sebuah website. Typography dalam sebuah website biasanya diatur menggunakan CSS. Kita bisa menerapkan beberapa styling dalam membuat artikel agar mudah & nyaman dibaca diantaranya jenis font, gaya font, warna font, ukuran font, line height, letter spacing, perataan teks, dan beberapa styling link & list. Berikut ini penerapan styling pada CSSnya.

  1. Jenis Font
  2. p { font-family:"Palatino Linotype",Palatino,"Zapf Calligraphic","Book Antiqua",Georgia,Times,Serif; }
  3. Font Style
  4. em { font-style:italic; }
    strong { font-weight:bold; }
  5. Warna Font
  6. p { color:#000000; }
  7. Ukuran Font
  8. p { font-size:1.3em; }
  9. Line Height
  10. p { line-height:1.3em; }
  11. Letter Spacing
  12. p { letter-spacing:0.03em; }
  13. Perataan Teks
  14. p {
        text-align:left;
        text-align:center;
      text-align:right;
       text-align:justify;
      }
  15. Styling Lainnya
  16. p { padding:10px 15px; }
    a:hover { text-decoration:underline; }
    li { list-style:circle; }

Sebenarnya masih banyak lagi Tag HTML & CSS yang berperan dalam typography ini. Untuk kelanjutannya akan dibahas di artikel tentang typography mendatang.

Created By :        Date : 10 - October - 2013

Jasa Pembuatan Website

6 Comments

  1. munir ardiReply

    semakin banyak pelajaran programer saya ketahui sedikit demi sedikit dengan berkunjung ke blog ini terimkasih sob

    • Nurul ImamReply

      Iya sama-sama :)

  2. Intan SudibjoReply

    mantap mas, lanjutan yang kemaren yah, saya perlu belajar lebih nih, sayang belum ada waktu nih hehe :D
    makasih ya

    • Nurul ImamReply

      Wihhh orang sibuk :D

  3. Cik awiReply

    Kalau merubah font biasanya saya melakukanya secara manual mas.

    • Nurul ImamReply

      Manual dengan memasukkan css kan maksudnya ?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>