Beranda > Uncategorized > Download Open Source Font dari Google Font Directory

Download Open Source Font dari Google Font Directory

Salah satu permasalahan dalam menampilkan font di halaman website adalah font yang digunakan tidak dimiliki oleh client sehingga font yang nampak tidak seperti yang kita harapkan. Salah satu solusi dari permasalahan ini adalah menggunakan web font. Google Font telah menyediakan web font dengan lisensi open source. Ketika artikel ini ditulis, Google Font hanya menyediakan 18 font, namun akan bertambah lagi. Maseko telah menjelaskan dalam blognya perihal cara menggunakan web font tersebut.

Namun, ada hal yang perlu diperhatikan dalam penggunaan web font ini. Agar dapat menampikan font dengan baik, client harus terhubung dengan server yang menyediakan web font. Hal ini agak susah dilakukan dalam web intranet yang tidak memiliki koneksi dengan penyedia layanan web font.

Ketika melihat website Google Font, yang terlintas dalam pikiran saya bukanlah bagaimana menggunakannya namun bagaimana cara mendownload font tersebut untuk kemudian digunakan di netbook. he .. he ..

Langkah 1
Click font yang Anda sukai di Google Font. Saya memilih “Droid Sans Mono” untuk menggantikan font “Courier New” yang telah lama saya gunakan dalam Notepad++.

Langkah 2
Click “Get the code” dan Anda akan mendapatkan link menu file css, dalam contoh di bawah “http://fonts.googleapis.com/css?family=Droid+Sans+Mono. Nah, copy dan paste link yang telah Anda dapatkan ke address bar

Langkah 3
Anda telah mendapatkan isi dari file CSS. Sekarang Nah, copy dan paste link seperti gambar di bawah ke address bar.

Langkah 4
Kotak dialog “Save As” akan muncul dan simpan file tersebut (font.ttf) dalam komputer Anda.

Langkah 5
File font.ttf yang Anda dapatkan dalam bentuk compressed. Extract file tersebut dan Anda akan mendapatkan file dengan nama “font” tanpa ekstensi.

Langkah 6
Rename file tersebut dengan nama yang Anda sukai dengan ekstensi ttf, misalnya: droid-sans-mono.ttf

Langkah 7
Install font ke komputer dengan meng-copy file tersebut ke direktori WINDOWS\Fonts

Kategori:Uncategorized
  1. Mei 24, 2010 pukul 16:54

    nice post! siap beraksi nunggu jumlah font-nya banyak and bagus2

  2. Juni 21, 2010 pukul 07:55

    wah, ternyata google menyediakan web font nih
    minta ijin link exchange mas cakyus

  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: