maseko's weblog » Fonts

Google Font Directory dan Google Font API

maseko — Fri, 21 May 2010 10:24:04 +0000

Satu lagi persembahan Google untuk dunia web. Kemarin, Google telah merilis layanan baru, Google Font Directory dan Google Font API.

Google Font Directory merupakan direktori berisi koleksi font-font web open-source, dan dengan Google Font API, maka font-font tersebut dapat digunakan oleh siapa pun seperti pemilik atau pengelola website agar dapat memperindah website-nya dengan pemilihan font yang sesuai. Bagi Anda, ketika nantinya membuka beberapa website mungkin saja tidak hanya mendapati font-font standar yang biasa digunakan tetapi juga berbagai variasi font-font menarik yang ada di Google Font Directory.

Saat ini mungkin hanya terdapat 18 jenis font yang ada di Google Font Directory, namun ke depannya jumlah ini ke depannya sepertinya akan terus bertambah.

Bagi Anda yang akan membuat halaman web dengan menggunakan font-font yang ada di Google Font Directory, langkah pertama yang dapat dilakukan adalah menambahkan stylesheet link di bagian halaman web.

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Nama+Font" />

Ubah Nama+Font dengan Font API parameter name dari font yang Anda pilih dari Google Font Directory, misalnya Cantarell, Droid+Sans, Tangerine atau lainnya.

Jika dalam suatu halaman web akan menggunakan dua atau lebih font yang ada di Google Font Directory, maka Nama+Font diisi dengan nama-nama parameter API dari font-font tersebut dan masing-masing nama font dipisahkan dengan tanda pipa (|), misalnya akan memanggil font Tangerine, Inconsolata, dan Droid Sans maka Nama+Font diubah menjadi Tangerine|Inconsolata|Droid+Sans.

Selanjutnya untuk mengaplikasikan font tersebut pada suatu elemen halaman web, dapat dilakukan melalui stylesheet, misalnya:

CSS selector {
  font-family: 'Nama Font', serif;
}

atau langsung dilakukan secara inline pada elemen tersebut, misalnya:

<div style="font-family: 'Nama Font', serif;">Teks Andadiv>

Berikut ini contoh langsung penggunaan font dari Google Font Directory

However far away,

I will always love you

However long I stay,

I will always love you

Whatever words I say,

I will always love you

Selain itu, berkolaborasi dengan Typekit, Google juga menyediakan WebFont Loader, Javascript library guna lebih dapat mengontrol pemuatan font dibandingkan dari penggunaan Google Font API. Dengan WebFont Loader, tak hanya font-font dari Google Font Directory saja yang dapat digunakan, tetapi juga dari provider lain atau pun digunakan secara bersamaan.

Berkeinginan mengganti font halaman website Anda dengan font-font dari Google Font Directory?

Silahkan Mencoba!

Menampilkan dan mengelola Font dengan Cfont Pro

maseko — Sun, 26 Oct 2008 07:49:26 +0000

Cfont Pro merupakan software untuk menampilkan dan mengelola font-font yang terinstall pada sistem Windows dengan memberikan beberapa kemudahan dibandingkan menggunakan fasilitas yang disediakan Windows. Melalui display-nya, font ditampilkan dalam berbagai ukuran dan kita pun dapat mengaturnya untuk menggunakan style bold, italic, atau underline dan juga atribut-atribut lainnya. Selain untuk menampilkan font-font yang terinstall, CFont Pro juga dapat dijadikan sebagai font browser pada suatu folder, CD, atau network drive.

Untuk keperluan pengelolaan font, Cfont Pro dapat digunakan sebagai sarana menginstall dan uninstall font. Dengan menggunakan fasilitas font browser, dapat dilihat dulu bagaimana tampilan font-font tersebut sebelum memutuskan untuk menginstallnya. Dengan fasilitas Move dan Copy yang disediakan, akan memudahkan untuk memindahkan lokasi atau menyalin suatu font ke lokasi lainnya.

Fitur lain yang melengkapi Cfont Pro antara lain adanya Character Map untuk menampilkan suatu karakter dengan pengaturan character set yang dipilih, Font Magnifier untuk melihat suatu karakter dalam ukuran besar, Font Packager untuk memaket satu atau beberapa font untuk kemudahan transfer ke komputer lain, Glyph viewer, Repair Tool, dan juga sarana mengekspor daftar font-font yang ditampilkan.

Jika Anda ingin melihat font-font yang telah dan akan di-install dengan fasilitas yang lebih dari yang disediakan Windows, Anda mungkin tertarik untuk menggunakan Cfont Po ini.

– Cfont Pro | via gHacks.net

Membuat Font Secara Online dengan FontStruct

maseko — Sat, 10 May 2008 15:28:03 +0000

Di Windows ada tool tersembunyi untuk membuat karakter font pribadi, tapi tentunya dengan keterbatasannya. Untuk keperluan pembuatan font, saya baru mencoba layanan online untuk membuat font sendiri melalui browser dan klak-klik mouse yaitu FontStruct. Kita dapat menyusun setiap karakternya dengan menggambar dalam kanvas menggunakan tool pensil yang disediakan dengan berbagai bentuk goresan yang berbeda. Jika salah, hapus dengan menggunakan tool penghapus. Jika semua atau sebagian karakter sudah dibuat, kita dapat menyimpan untuk kemudian dapat di-sharing untuk didownload orang lain sebagai TrueType yang dapat digunakan di komputer dalam berbagai aplikasi.

Tulisan dalam image di atas bukan dibuat dengan font yang saya buat, melainkan dengan salah satu font yang saya download dari gallery yaitu Brikd. Ada banyak font-font bagus lain yang dibuat pengguna FontStruct yang dapat didownload dan diintall dalam komputer kita. Sebelum mendownload, font-font dalam galeri tersebut dapat dilihat bentuk-bentuk karakternya atau dapat pula langsung kita coba untuk mengetikkan huruf-huruf yang kita masukkan. Jika sebuah FontStruction menarik buat kita, kita dapat pula menampilkannya dalam blog atau website dengan menyisipkan kode HTML yang disediakan dan nantinya ditampilkan sebagai flash movie seperti di bawah ini untuk jenis font Brikd di atas.

Ayo berkreasi membuat font, jika memang bagus kabari saya untuk mendownloadnya.

– FontStruct Font Builder | Halaman Font Brikd

Membuat Font Pribadi dengan Private Character Editor

maseko — Wed, 29 Aug 2007 08:01:10 +0000

Saya baru mengetahui kalau di Windows XP ada tool yang namanya Private Character Editor. Dengan tool ini kita dapat membuat karakter/huruf pribadi (atau logo) yang digunakan dalam font library. Kita dapat membuat sampai dengan 6.400 karakter pribadi, baik dengan memulai dari halaman kosong atau mengedit salah satu karakter dari jenis font yang sudah terinstall dalam komputer. Shortcut tool ini tidak dapat ditemui dalam program menu, itulah sebabnya sebagian pengguna bisa jadi tidak mengetahui keberadaannya seperti saya.

Untuk mulai menjalankan Private Character Editor, dapat dilakukan dari Start – Run, kemudian ketikkan eudcedit. Setelah itu akan nampak jendela seperti image di bawah ini

Kotak-kotak tersebut merupakan ruang penyimpanan karakter yang kita buat. Jika belum pernah membuat, pilih salah satu, atau agar terurut pilih kotak kiri-atas, baru kemudian pilih OK. Selanjutnya kita dapat mulai membuat karakter yang diinginkan dengan pilihan peralatan pada toolbar sebelah kiri (atau melalui menu Tool – Item).

Seperti telah saya sebutkan di atas, karakter yang akan dibuat dapat mengedit dari karakter suatu jenis font yang telah ada, dengan menggunakan menu Edit – Copy character.. Kita dapat mengasosiasikan karakter yang dibuat untuk salah satu jenis font atau untuk semua jenis font (default). Untuk mengubahnya dilakukan dari menu File – Links..

Jika sudah selesai simpan karakter yang telah dibuat dengan menu Save Character atau Save Character As.. Selanjutnya kita telah siap menggunakan karakter font yang telah dibuat.

Untuk menggunakannya, buka aplikasi dimana karakter yang dibuat akan digunakan. Selanjutnya buka Character Map, dari Start – All Programs – Accessories — System Tools. Jika sebelumnya kita mengelinkan karakter yang dibuat untuk semua jenis font, maka pilih pada All Fonts (Private Character) atau jika sebelumnya mengelink-kan dengn font tertentu carilah nama font tersebut yang di sertai (Private Character).

Setelah itu akan muncul daftar karakter yang telah dibuat, dan pilih karakter yang akan digunakan dengan cara meng-kliknya dilanjutkan mengklik tombol Select dan Copy.

Kembali ke aplikasi atau program yang akan menggunakan, di sini kita paste-kan karakter tersebut. Selamat menggunakan karakter sendiri.

Website Direktori Font

maseko — Mon, 19 Mar 2007 09:10:54 +0000

Jika merasa bosan dengan font-font yang sudah terinstal di komputer atau sedang mencari font untuk keperluan khusus, berikut ini alamat website yang dapat dikunjungi, yang menyediakan direktori font yang dapat didownload:

Kemungkinan masih banyak lagi, tapi dari yang saya sebutkan, masing-masing sudah menyediakan ribuan font dan kebanyakan font ada di masing-masing website tersebut.