Cara Mudah Mengetahui Jenis Font Pada Sebuah Website
Sering kali kita penasaran dengan font yang digunakan oleh sebuah website, ketika kita membuka website dan melihat sebuah tipografi yang menarik biasanya kita ingin mengetahui nama font yang digunakan website tersebut.
Untuk mengetahui font yang digunakan pada suatu website kita biasanya melihat source code (view source) halaman website tersebut, lalu melakukan pengecekan pada meta tag, atau dengan membongkar isi file css di website tersebut dan mencari pada properti font-family. Cara lainnya biasanya dengan menggunakan firebug.
Namun semua cara tersebut kurang efektif dan cenderung memakan waktu, ada cara yang lebih mudah dan lebih cepat untuk mengetahui font yang digunakan pada website yang sedang kita buka, yaitu dengan menggunakan Fontface Ninja. Dengan fontface ninja kita cukup mengerahkan cursor pada tulisan yang ingin kita ketahui, maka seketika akan muncul nama font dan ukuran fontnya.
Menginstall Fontface Ninja
Fontface ninja adalah sebuah extension chrome dan safari (belum tersedia untuk firefox), untuk menginstall nya kita harus menggunakan browser google chrome, lalu buka link berikut Fontface Ninja Extension.
Klik tombol Free berwarna biru
Akan muncul popup, lalu klik tombol Add
Muncul notifikasi bahwa Extension telah selesai terinstall
Untuk menguji nya kita tinggal membuka sebuah website (pada contoh ini membuka tutorial-webdesign.com), lalu klik icon ninja yang ada di kanan atas, lalu arahkan cursor pada tulisan yang ada di halaman website.
Dari situ kita bisa lihat bahwa yang font yang digunakan pada judul website Tutorial Web Design adalah KoolBean Regular
Kita bisa mendownload font yang digunakan tersebut dengan cara melakukan klik pada tulisan yang kita sorot, lalu menuliskan contoh tulisan, mengatur ukuran font, dan menekan tombol download.
Membedakan Fontface dan Font pada gambar.
Pada halaman website terdiri dari teks dan image, kadang didalam sebuah image terdapat tulisan(teks), kita tidak bisa mengetahui jenis font pada teks yang ada pada sebuah image dengan fontface ninja, untuk menghilangkan gambar yang ada di sebuah website dan agar kita fokus pada teks saja maka kita bisa menekan tombol MASK yang ada di kanan atas saat extension Fontface Ninja sedang aktif.
Sekian trik singkat untuk mengetahui font yang digunakan oleh suatu website, semoga bisa membantu anda.
*Tulisan ini tidak ditunjukan untuk mengajarkan cara mencuri font orang lain, namun hanya sebagai pembelajaran untuk anda yang penasaran ingin mengetahui nama font, jika font tersebut berbayar maka sebaiknya anda membelinya.
SUMBER = http://www.tutorial-webdesign.com/cara-mudah-mengetahui-jenis-font-pada-sebuah-website/
Untuk mengetahui font yang digunakan pada suatu website kita biasanya melihat source code (view source) halaman website tersebut, lalu melakukan pengecekan pada meta tag, atau dengan membongkar isi file css di website tersebut dan mencari pada properti font-family. Cara lainnya biasanya dengan menggunakan firebug.
Namun semua cara tersebut kurang efektif dan cenderung memakan waktu, ada cara yang lebih mudah dan lebih cepat untuk mengetahui font yang digunakan pada website yang sedang kita buka, yaitu dengan menggunakan Fontface Ninja. Dengan fontface ninja kita cukup mengerahkan cursor pada tulisan yang ingin kita ketahui, maka seketika akan muncul nama font dan ukuran fontnya.
Menginstall Fontface Ninja
Fontface ninja adalah sebuah extension chrome dan safari (belum tersedia untuk firefox), untuk menginstall nya kita harus menggunakan browser google chrome, lalu buka link berikut Fontface Ninja Extension.
Klik tombol Free berwarna biru
Akan muncul popup, lalu klik tombol Add
Untuk menguji nya kita tinggal membuka sebuah website (pada contoh ini membuka tutorial-webdesign.com), lalu klik icon ninja yang ada di kanan atas, lalu arahkan cursor pada tulisan yang ada di halaman website.
Dari situ kita bisa lihat bahwa yang font yang digunakan pada judul website Tutorial Web Design adalah KoolBean Regular
Kita bisa mendownload font yang digunakan tersebut dengan cara melakukan klik pada tulisan yang kita sorot, lalu menuliskan contoh tulisan, mengatur ukuran font, dan menekan tombol download.
Membedakan Fontface dan Font pada gambar.
Pada halaman website terdiri dari teks dan image, kadang didalam sebuah image terdapat tulisan(teks), kita tidak bisa mengetahui jenis font pada teks yang ada pada sebuah image dengan fontface ninja, untuk menghilangkan gambar yang ada di sebuah website dan agar kita fokus pada teks saja maka kita bisa menekan tombol MASK yang ada di kanan atas saat extension Fontface Ninja sedang aktif.
Sekian trik singkat untuk mengetahui font yang digunakan oleh suatu website, semoga bisa membantu anda.
*Tulisan ini tidak ditunjukan untuk mengajarkan cara mencuri font orang lain, namun hanya sebagai pembelajaran untuk anda yang penasaran ingin mengetahui nama font, jika font tersebut berbayar maka sebaiknya anda membelinya.
SUMBER = http://www.tutorial-webdesign.com/cara-mudah-mengetahui-jenis-font-pada-sebuah-website/
0 comments:
Post a Comment