A personal journal.

Cara Update Font Awesome pada Datenstrom Yellow

Published on: 07/08/2022 • Updated on: 13/05/2025 • 1 min read

Seperti postingan mengenai flat file CMS sebelumnya, Yellow masih menggunakan Font Awesome versi 4, padahal jika kita lihat dari GitHub-nya sekarang, Font Awesome sudah masuk pada versi 6 dan perbedaannya cukup banyak.

Setelah saya telusuri source extension-nya, pada dasarnya kita hanya cukup mengganti file CSS dan mengikutsertakan font-nya, karena dari fontawesome.php-nya isinya generic parsing saja.

Sayangnya saya belum menemukan caranya untuk memuat Font Awesome dari CDN, agar kita tidak perlu mengupdate font dan CSS setiap kali Font Awesome mengupdate font-nya.

Pros: Up to date icon - icon yang ada di FontAwesome.

Cons: CSS menjadi lebih besar, meskipun font hanya dimuat ketika dibutuhkan, tetapi CSS akan tetap dimuat saat web dibuka.

Langsung saja untuk tutorialnya :

  1. Unduh font awesome disini, pilih Free For Web.
  2. Unzip dan ambil file /css/all.css atau /css/all.min.css rename dan timpa file fontawesome.css di folder extension Yellow .
  3. Ekstrak semua /webfonts/ dan pindahkan ke folder media nya Yellow.
  4. Profit!

Harap diingat, karena kita mengunduh versi gratis, kamu harus memperhatikan apakah ikon yang ingin kamu gunakan ada di versi gratis atau tidak.

Selamat mencoba!