[Kendo] Export Pdf 中文亂碼/方塊

小弟今天使用Kendo UI Gantt Export Pdf 功能的時候,發現有中文無法順利輸出的問題

於是Google 了半天,最後終於解決把過程記錄下來。

首先說明這問題發生的原因:

Kendo UI 在產生Pdf檔時是使用PDFExportComponent

他本身預設是使用 Dejavu Sans這個字體,也就是因為這原因導致中文無法顯示

 

所以首先要先載到 新細明體的字體檔(ttf)

可以用以下兩種方式

1.@font-face { font-family: 'DejaVu Sans'; src: url('../../Pmingliu.ttf') format('truetype'); }

2.直接把原本的DejaVuSans.tff 刪除 然後用 下載到的新細明體檔覆蓋

這樣做起來也是容易,但實在是...

Kendo的資料有時候會不好找,像是這種細部的問題真的是會找好久才找到...