Cara menambahkan font dalam website

Ditulis oleh : - 26 February 2012 - Katagori : Trik, Tags : , , ,

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 :

  • buat font online
  • cara memasukan font external di css
  • pengertian src:url (ttf) dalam css

Leave a Reply

*