Memiliki blog atau website dengan font yang berbeda mungkin bisa meningkatkan branding dari website kita. Dan jangan kawatir font tersebut tidak akan terbaca di komputer orang lain, solusinya adalah embedding font pada css dengan selector @font face.
Caranya adalah sebagai berikut:

1. Pilihlah font yang paling anda sukai yang ingin dipasang pada website
2. Lalu uploadlah file font anda di fontgenerator disini
3. Setelah anda upload font tersebut lalu anda menyetujui agreementnya
4. Nah, lalu kita digeneratekan font dengan format .eot,.svg, woff dan .ttf
5. Lalu, downloadlah paket tersebut maka kita telah mendapatkan html demo plus cssnya, kita tinggal mengkopinya sourcenya ke web kita

Ok, selamat mencoba ya.. eitss… dengan embedding font ini akan sedikit memakan bandwidth dari hosting kita, jadi web diload sedikit agak lambat…

2 Responses to “Embedding Font dengan CSS (@font face)”

1. Web “Sumringah” dengan Optimasi Script dan Gambar | duritajam.web.id says:

   1 December 2010 at 14:14

   [...] website bisa dengan tag h1 atau h2, kalo memang font untuk nama website itu unik ya sudah pake saja @font-face [...]

   Reply
2. Indahkan Websitemu dengan Google Web Font | duritajam.web.id says:

   31 October 2011 at 15:17

   [...] yang tidak biasa ada dua cara yaitu dengan embeding font kedalam server kita yang pernah saya tulis disini atau dengan menggunakan Google Web Font. Di dalam google web font prinsipnya sama dengan embeding [...]

   Reply