Elang Cyber Blog

Be Complete

Cara menambahkan font dalam website

Author : » Date : 26 February 2012 » Category : Trik » Tags : , , , » Views : 9942 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 menambahkan font external secara online
  • cara menggunakan font eksternal di html tanpa perlu install font
Belum ada Komentar.

Tinggalkan Komentar

*
*
-

*