Thursday, 22 February 2018

Cara Mengetahui Font Pada Website Beserta Propertinya

Sobmint – Bagi pengembang perangkat lunak dan designer web mungkin sering berkunjung ke berbagai website untuk mencari bahan referensi, inspirasi atau kerperluan lainnya. Salah satu elemen yang tidak luput dari pengamatan para developer dan designer web adalah jenis font. Ya, kita akan sering menggunakan jenis font untuk keperluan membuat rancangan produk, terutama dalam merancang sebuah website.  Berikut ini Cara Mengetahui Font Pada Website Beserta Propertinya.

Dalam memilih jenis font, kita akan dihadapkan pada pilihan font yang jumlahnya sangat banyak. Memilih font yang tepat, tentu membutuhkan kejelian, pengalaman dan pengetahuan akan jenis font atau huruf. Anda dapat melihat font yang digunakan pada sebuah website dengan rancangan yang baik untuk dijadikan bahan referensi anda.

Bila anda masih awam atau anyar dalam dunia design, terutama dalam merancang website, dapat menggunakan cara ini untuk memilih jenis font yang tepat yang akan anda gunakan pada website/blog yang anda buat. Tidak semua font akan cocok atau tepat bila digunakan pada sebuah website, untuk itulah kiranya kita perlu melihat-lihat website milik orang lain dan mungkin kita akan tertarik dengan font yang digunakan pada website (situs web) tersebut.

Cara Mengetahui Font Pada Sebuah Website dapat kita lakukan dengan cukup mudah dengan atau tanpa bantuan add-ons atau ekstensi. Kita juga dapat menggunakan aplikasi web browser sesuai selera kita masing-masing.  Dari berbagai cara untuk mengetahui jenis font pada sebuah website, silahkan gunakan cara yang menurut anda paling mudah dan anda suka.

Pada artikel ini saya akan menggunakan salah satu cara untuk mengetahui jenis font yang digunakan pada sebuah website dengan menggunakan aplikasi web browser Google Chrome dan extensions yang bernama Font Finder.

Cara Mengetahui Font Pada Website Beserta Propertinya


Bila anda tidak menggunakan Google Chrome sebagai aplikasi web browser, anda dapat install Google Chrome terlebih dahulu atau silahkan gunakan ekstensi yang sama yaitu Font Finder yang terdapat di peramban situs web yang anda pakai.

Font Finder juga terdapat pada peramban situs web Mozilla Firefox dan Opera Browser


Install Font Finder Di Google Chrome

Untuk dapat menggunakan ekstensi Font Finder, tentu kita harus menambahkannya ke web browser Google Chrome. Berikut ini cara install Font Finder di Google Chrome :
  1. Pertama jalankan Google Chrome atau Chromium web browser yang terinstall di sistem komputer yang anda gunakan.
  2. Setelah itu login (sign in) di Google Chrome dengan akun Gmail yang anda miliki.
  3. Lalu buka Web Store Chrome, dengan cara ketik chrome://apps pada address bar Chrome lalu pilih Web store.
  4. Pada jendela chrome web store, pilih tombol extension lalu ketik font finder di kolom pencarian extension.
  5. Setelah itu, pada ekstensi Font Finder, klik tombol +ADD TO CHROME atau +TAMBAHKAN KE CHROME untuk menambahkan ekstensi Font Finder di Google Chrome.

    Cara Mengetahui Font Pada Website Beserta Propertinya

  6. Setelah proses instalasi font finder selesai, kita dapat melihat ikon font finder di toolbar Google Chrome.

Melihat Jenis Font Pada Website Dengan Font Finder Chrome

Setelah berhasil menambahkan ekstensi Font Finder di Google Chrome, kita dapat langsung menggunakannya untuk melihat jenis font yang digunakan pada sebuah website. Berikut ini Cara Mengetahui Jenis Font Pada Website dengan Font Finder.

Cara Mengetahui Font Pada Website Beserta Propertinya

  1. Buka alamat situs web (website) yang akan kita lihat jenis font-nya.
  2. Klik pada ikon Font Finder yang terdapat di toolbar Google Chrome.
  3. Setelah itu, arahkan kursor mouse ke area halaman website yang akan kita lihat jenis font-nya.
  4. Klik pada area tersebut dan setelah itu akan muncul properti font, antara lain : Warna (Color), Jenis Huruf (Font),  Spasi (space), Dekorasi (decoration) dan Detail (detail element).
Tools ini sangat bermanfaat untuk melihat jenis font beserta propertinya yang dapat kita gunakan dalam merancang sebuah website atau blog. Cara penggunaanya juga mudah dan pastinya anda tidak akan mengalami kesulitan berarti saat menggunakan Font Finder untuk mencari jenis huruf yang digunakan di sebuah website.

Selain menggunakan bantuan add-ons/ekstesi, kita juga dapat melihat jenis font pada website dengan menggunakan Inspect Element yang merupakan fungsi bawaan web browser Chrome, Firefox dan Opera. Namun, dengan cara yang berbeda dan sedikit lebih sulit.

Demikian mengenai Cara Mengetahui Font Pada Website Beserta Propertinya, semoga bermanfaat dan menambah pengetahuan kita semuanya – sobmint.blogpsot.co.id – 22 February 2018


EmoticonEmoticon