KangJaz.com

Tempat Tips, Tutorial dan Source Code dari seorang newbie

Cara Menambah Jenis Font pada DOMPDF

14 September 2020 | Kategori : Tutorial

Tutorial cara menambah jenis font pada DOMPDF - Hai sobat semua, sebelumnya saya minta maaf nih bagi sobat yang inboxnya belum sempat saya balas dikarenakan banyaknya kerjaan yang sedang saya kerjakan. Pada kesempatan kali ini disela-sela kesibukan, saya akan berbagi tutorial bagaimana cara menambahkan jenis font ke DOMPDF.

add_font.png

Seperti yang sudah kita tahu, DOMPDF merupakan sebuah library yang digunakan untuk mengconvert HTML menjadi sebuah file PDF. Dengan adanya library ini, kita bisa dengan mudah mengubah membuat sebuah file PDF dengan html. Namun ada sebuah kendala jika kita menggunakan sebuah font custom atau jenis font diluar library DOMPDF yaitu library ini tidak akan meload font tersebut.

Bagaimana cara mengatasi masalah tersebut?

Sebenarnya masalah tersebut terjadi karena DOMPDF tidak bisa membaca file font tersebut. Masalah ini bisa dengan mudah kita atasi dengan cara mengconvert file TTF / OTF ke format AFM / UMF.

Bagaimana cara convert FONT agar bisa digunakan pada DOMPDF ?

Sebenarnya ada beberapa cara yang bisa sobat gunakan untuk proses convert font, namun cara yang saya pakai ini memakai sebuah utility yang sudah disediakan oleh DOMPDF. Sobat bisa mengunduhnya pada link berikut : Download Utility

Sebelum lanjut, saya menganjurkan sobat semua untuk menginstall aplikasi GIT BASH agar lebih mudah mengikuti tutorial ini ya sob.

Setelah sobat mengunduh utility dari DOMPDF tersebut, silahkan sobat extract dan copy file load_font.php dan pastekan pada folder root tempat sobat menaruh library DOMPDF

Setelah itu, silahkan sobat copy file FONT yang ingin sobat gunakan tadi ke lokasi file load_font.php kemudian silahkan sobat klik kanan dan pilih git bash here seperti gambar di bawah ini :

tutor1.png

kemudian tuliskan perintah berikut :

 php load_font.php alfa ./alfa.TTF ./alfa-bold.TTF ./alfa-italic.TTF ./alfa-bold-italic.TTF

Keterangan :

  • silahkan ganti kata alfa dengan nama font family yang sobat inginkan
  • silahkan ganti alfa.TTF dengan nama font dengan format normal / reguler yang ingin sobat gunakan
  • silahkan ganti alfa-bold.TTF dengan nama font dengan format tebal / bold yang ingin sobat gunakan
  • silahkan ganti kata alfa-italic.TTF dengan nama font dengan format miring / italic yang sobat ingin gunakan
  • silahkan ganti kata alfa-bold-italic.TTF dengan nama font dengan format miring dan tebal / italic bold yang sobat ingin gunakan

Setelah sobat menjalankan perintah di atas, sekarang font sudah bisa digunakan pada project yang akan di convert menjadi PDF dengan memanggil nama font-family nya.

Baik sobat, mungkin ini yang bisa saya bagikan kali ini, semoga sobat tidak bingung dengan tutorial tentang cara menambah jenis font pada DOMPDF ini ya hehe..

Untuk Source contohnya bisa diunduh di bawah ini :