Elang Cyber Blog

Be Complete

Cara menambahkan font dalam website

Author : » Date : 26 February 2012 » Category : Trik » Tags : , , , » Views : 7735 kali

font

Menambahkan font lain didalam website anda akan membuat lebih menarik dan sesuai harapan anda, cara menambahkan font dalam website tidaklan sulit, cukup anda sertakan font yang ingin anda gunakan, lalu memanggilnya melalui css.

Syntak yang digunakan untuk memanggil font external / diluar standard css sebagai berikut:

Saya akan berikan 1 contoh web frontpage standard dengan tambahan font external, buatlah 1 folder bernama website dan 2 file bernama index.html dan style.css. Dan tentunya 1 buah Font yang ingin anda masukan, anda dapat mengambilnya dari folder windows/font, contoh saja font Comic Sans MS.ttf ubahlah nama file tersebut menjadi comic.ttf. Simpan semua file tersebut dalam 1 folder yang anda buat.

Rincian :

index.html

<html>
<head>
<title>My Website</title>
<link rel=”stylesheet” href=”style.css” type=”text/css” media=”screen” />
</head>
</body>
<div id=”font-test”>Hasil Font</div>
<body>
</html>

style.css

@font-face {font-family:comic;src: url(comic.ttf) format(“truetype”);}
#font-test {font-family:comic;font-size:20px;}

Keterangan:

@font-face : fungsi manipulasi font dalam css, membuat nama baru untuk font yang kita ingin masukan sesuai source/area font berada.

Apabila anda kendala jangan segan-segan untuk bertanya…

Kata Kunci Pencarian :

  • Cara membuat font eksternal ke blog
  • Cara memasang font eksternal ke wordpress
  • Cara membuat font eksternal ke facebook
  • cara menambah font html
  • Tinggalkan komentar Belum ada komentar family
Belum ada Komentar.

Tinggalkan Komentar

*
*
-

*

Welcome to my site

Thanks

×