Embed Font Tutorial
| WEFT III Tutorial Web Embeding Font with Microsoft Weft by: 15n41n1 |
| Satu |
| Tool – Tool yang dibutuhkan: |
|
| Dua |
| Buat halaman web yang akan digunakan untuk mencoba embeding font, font yang digunakan dalam tutorial ini adalah FIOLEX GIRL sedangkan halamannya saya beri nama index.htm. Kode Source-nya seperti pada contoh: |
| <html> <head> <title>Tutorial Embed Font</title> </head> <body> <font size="7" face="Fiolex Girls">Ini adalah Tutorial Embed Font</font> </body> </html> |
| akan menampilkan tulisan seperti dibawah ini: |
| Ini adalah Tutorial Embed Font |
| Tiga |
| Buka Microsoft WEFT, Pilih File > New, maka akan tampil jendela seperti dibawah ini: |
 |
| Empat |
| Klik tombol Next , masukkan Nama dan alamat Email Anda. |
 |
| Lima |
| Klik tombol Next, cari/ browse file yang akan di embed fontnya, misalnya index.htm |
 |
| Enam |
| Kilk tombol Next, pada langkah selanjutnya, pilih jenis font yang ingin Anda embed, Anda dapat sekaligus menggunakan beberapa font untuk di embed pada saat yang sama!. PENTING ! warna font yang diplih harus berwarna HIJAU, apabila KUNING ada kemungkinan bisa di embed tetapi hasilnya akan kurang bagus, sedangkan kalau MERAH, sebaiknya Anda mencari jenis font yang lain! |
 |
| Tujuh |
| Klik Next, ini adalah langkah terpenting dimana anda akan memilih domain atau direktori dimana file font yang diembed [*.EOT] akan diletakkan atau dijalankan. |
 |
| Klik tombol Edit untuk memilih direktori lain atau domain/ miror site dimana embed file *eot itu akan digunakan, isi dengan semua kemungkin direktori atau domain / miror site. Karena apabila yang kita add hanya http://www.isnaini.com saja sedangkan web kita dibuka dengan url http://isnaini.com, maka kemungkinan embed font yang kita buat tidak akan muncul dengan baik!.Klik tombok OK setelah semua di add. Jangan lupa menandai Show CSS @font-family declarations. |
 |
| Delapan |
| Klik Next, copy CSS Style yang muncul pada bagian <HEAD> halaman web anda [index.htm] seperti pada contoh dibawah ini, klik tombol Close. |
| <html> <head> <title>Tutorial Embed Font</title> <STYLE TYPE="text/css"> <!– /* $WEFT — Created by: 15n41n1 (isnaini@isnaini.com) on 23/06/04 — */ @font-face { font-family: Fiolex Girls; font-style: normal; font-weight: normal; src: url(FIOLEXG0.eot); } –> </STYLE> </head> <body> <font size="7" face="Fiolex Girls">Ini adalah Tutorial Embed Font</font> </body> </html> |
 |
| Sembilan |
| tandai Do not upload modified pages to my server .Klik tombol Next lagi, kemudian Finish |
 |
| Sepuluh |
| Saat ini difolder atau direktori yang Anda pilih tadi akan terdapat sebuah file *EOT dengan nama FIOLEXG0.EOT hasil embed. Upload semua file ke hosting [ index.htm dan FIOLEXG0.EOT ] |
| Selamat Mencoba |
