Konfigurasi Baru Font Awesome

Halo CS Reader! Dunia blog tidak hanya melulu tentang artikel dan SEO, tetapi juga tentang tampilan atau desain dari blog itu sendiri. Beberapa template blog dari yang gratis hingga berbayar memiliki fitur ciamik dan juga tampilan yang menarik.

Tidak bisa dipungkiri bahwa penggunaan Icon dapat mempercantik tampilan sebuah blog. Bagi pembuat template maupun blogger lawas, tentu tidak asing dengan yang namanya Font Awesome. Yups, ini merupakan salah satu penyedia icon dalam bentuk font. Selain digunakan pada tampilan blog, Font Awesome juga dapat digunakan layaknya font biasa di program pengolah kata, maupun program pengolah atau pembuat gambar. Namun pada artikel kali ini saya hanya akan menjelaskan tentang konfigurasi baru penggunaan Font Awesome untuk tampilan web.

Font Awesome rilis pada tahun 2012, tepatnya pada tanggal 21 Agustus 2012. Hingga sekarang, Font Awesome telah merilis versi 5.2.0 (23 Juli 2018), dan sudah mempunyai lebih dari 3500 icon. Disamping penambahan jumlah icon, cara pengunaan versi terbaru dari Font Awesome juga mengalami perubahan. Perbedaan yang mencolok adalah adanya klasifikasi jenis font. Jika dulu tidak ada klasifikasi spesifik, pembaharuan versi terbaru mempunyai 3 klasifikasi icon diantaranya adalah Regular, Solid dan Brand. Cara menggunakannya pun jadi berbeda.

Cara Penggunaan

Okay, masuk ke inti dari artikel. Jika anda tertarik untuk memperbaharui Font Awesome pada blog anda ke versi 5.2.0 berikut panduannya.

1. Ganti link stylesheet ke link yang diberikan langsung oleh Font Awesome yaitu...
   

   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css"/>

2. Cek blog anda, sesuaikah icon yang terdahulu dengan yang sekarang? Jika belum maka sesuaikan secara manual dengan cara edit css.

Cara Penyesuaian

Ini adalah tahap lebih lanjut. Ini diperlukan untuk anda yang mengalami masalah di tampilan icon setelah update versi.

1. Jika anda menggunakan Font Awesome sebagai font dasar, maka anda hanya perlu menambahkan 2 jenis font di bawah ini.

   "Font Awesome 5 Free"
   "Font Awesome 5 Brands"

2. Jika anda mendeklarasikan jenis font setiap id atau class, maka anda harus mengidentifikasi jenis icon mana yang digunakan pada icon yang bermasalah. Kemudian tambahkan salah satu jenis font yang diatas sesuai dengan jenis yang digunakan.
3. Jika anda menggunakan class langsung dari stylesheet bawaan, maka:
   • Gunakan class fa, atau far, atau fas untuk klasifikasi Regular dan Solid.
   • Gunakan class fab untuk klasifikasi Brand.

Perbedaan Klasifikasi Font

Nah pertanyaan selanjutnya adalah? Bagaimana menentukan klasifikasi font yang digunakan? Perbedaan paling mencolok dari ketiga klasifikasi font adalah adanya klasifikasi Brands. Klasifikasi brands ini, sesuai namanya, berisi berbagai macam icon dari brand-brand yang ada di dunia, seperti Facebook, Google, dan sebagainya. Jadi, jika anda ingin menampilkan icon yang mewakili logo dari brand tersebut, seperti ingin menampilkan link sosmed, maka gunakan jenis brands.

Perbedaan antara Regular dan Solid sebenarnya tidak jauh, dan bisa diakali dengan mengganti content dari icon yang digunakan. Oh iya, terakhir, beberapa icon telah berubah content-nya, maka anda perlu untuk membuka website Font Awesome untuk memastikannya.

---

Okay cukup sekian penjelasan dari saya, mudah-mudahan bisa dipahami. Bila ada kesalahan mohon maaf. Pun bila masih belum jelas, silahkan tanyakan di kolom komentar. Terimakasih sudah mau berkunjung di blog ini dan membaca tulisan ini. Akhir kata, Salam Blogger Indonesia!.

---

https://en.wikipedia.org/wiki/Font_Awesome
https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css

Perlukah Membuat Website?

Yo! Hallo CS reader! Kali ini saya akan berbagi sedikit opini saya tentang kenapa kita perlu untuk membuat sebuah blog atau website di jaman digital sekarang ini. Mengingat ini hanya opini saja, jadi saya tidak memaksa anda untuk setuju dengan saya. Pun saya tidak menyarankan untuk mengambil opini saya untuk dijadikan makalah ataupun karya tulis yang lain, karena saya pun menulis ini tanpa melakukan riset terlebih dahulu.

Blog atau Website?

Oke cukup basa basinya, mari kita ke pokok permasalahan. Apa sih itu Blog dan apa itu Website? Sebenarnya kedua hal ini mirip dan bahkan banyak yang mengatakan kedua hal ini sama. Sebenarnya ada kesamaan dan perbedaan dari kedua hal ini. Persamaannya adalah baik blog maupun website adalah bagian dari World Wide Web (WWW) yang dapat diakses melalui internet oleh semua orang. Selain itu, blog dan website terdiri dari kumpulan halaman web yang disatukan.

[Acer x Youthmanual] Kenali Dirimu, Raih Cita-citamu

Yo! Hallo CS reader… Kali ini saya akan membagikan sesuatu yang sangat menarik, terutama untuk siswa/i yang baru saja lulus dan masih bingung atau malah belum kenal banget sama diri mereka sendiri. Waduh, kok bisa? Benerean! Pasalnya masih banyak orang yang salah langkah karena mereka belum memahami diri mereka sendiri, tidak menggali dan mengembangkan potensi diri mereka sendiri, atau malah membohongi diri mereka sendiri dan berakhir dengan kekecewaan di masa yang akan datang.

Buntut dari kekecewaan itu umumnya adalah ketidakbahagiaan dalam melakukan pekerjaan dan menjalani hidup mereka. Ada yang akhirnya meninggalkan pekerjaan tersebut dan memilih hidup menyendiri di hutan, ada pula yang sampai depresi dan nekat mengakhiri hidup. Itu semua akibat dari ketidaktahuan mereka atau malah ketidakmauan mereka untuk mengembangkan keminatan mereka dan memilih melakukan sesuatu yang diri mereka sendiri sebenarnya kurang atau bahkan tidak senang melakukannya.

Jadi, apa solusinya? Solusinya hanya satu, Kenali Dirimu Sendiri! Dengan mengenali diri sendiri, kita akan mengetahui keunggulan dan kelemahan kita. Kita akan tau keminatan dan ketidakminatan kita pada suatu bidang. Sehingga kita akan mampu merencanakan masa depan kita sendiri yang kita inginkan. Dengan begitu, kita akan merasa senang melakukan pekerjaan kita dan tentunya senang menjalani hidup kita.

Review Acer Switch 1, Notebook 2 in 1 dengan 4 Mode

Hallo CS reader… Kembali saya akan mengulas sedikit banyak tentang salah satu produk Acer. Setelah berapa waktu lalu saya mereview 2 laptop besutan Acer (Aspire VX 15 dan Swift 3), kali ini saya ingin mengulas produk Notebook terbaru Acer yaitu Acer Switch 1. Notebook ini terbilang unik karena memiliki 4 mode dalam satu device. Lalu apa yg dimaksud dengan 2 in 1 nya? Dan Apa saja 4 mode di dalam Acer Switch 1 ini? Baik, saya akan mengulasnya satu per satu.

Review Acer Swift 3, Laptop Tipis Spesifikasi Optimum

Hallo CS reader... Lagi-lagi, saya akan mereview salah satu produk Acer. Setelah beberapa waktu lalu saya mereview tentang Acer Aspire VX 15 yang ditujukan untuk para gamer, kali ini saya akan mereview produk Acer untuk kalian yang mencari laptop dengan desain elegan namun ukurannya tidak terlalu tebal dan bobotnya tidak terlalu berat.

Ya, bahasan kali ini adalah tentang salah satu laptop besutan Acer yaitu Acer Swift 3. Dari pandangan saya, keunggulan produk ini adalah desainnya yang elegan dengan pilihan warna Luxury Gold atau Sparkly silver. Selain itu bentuknya yang tipis dan bobotnya yang ringan membuat laptop ini mudah untuk dibawa kemanapun anda pergi. Bagaimana dengan performanya? Baik, ada beberapa poin yang akan saya bahas lebih dalam.