今天工作期間有遇到一個問題：
因公司是醫療體系，所以系統裡有很多病患的名字，而人的名字就會有一些特殊的字。
當時公司的解決辦法就是建了自己的造字，並一直沿用到現在，但導致的問題是現在從公司資料庫串接時，網頁上有些資料會顯示。
而今天工作的任務就是想試試看解決這個問題，不然使用網頁時會有些不方便。

以下是步驟：

1. 先把公司的造字字體 用 fontforge 轉成ttf 以及woff檔
   可參考https://blogger.tigernaxo.com/post/webtech/eudc/

2. 在angular專案裡的assets資料夾新增fonts資料夾

3. 在fonts資料夾裡再新增一資料夾，名字可以取ttf的檔案名稱

4. 把ttf及woff檔裝到資料夾裡。

5. 在angular專案裡的style.scss新增字型，語法如下：
   @font-face { font-family: "EUDC"; src: local("EUDC"),url(./assets/fonts/EUDC/EUDC.ttf) format("truetype"), url(./assets/fonts/EUDC/EUDC.woff) format("woff"); }

6. 在 index.html 新增 <link href="./assets/fonts/EUDC/EUDC.ttf" rel="stylesheet">

7. 大功告成，現在可以把EUDC字型套用到css頁面拉！

希望這個方法有幫到各位！

參考資料：

• https://www.gss.com.tw/blog/font-eudc
• https://gist.github.com/ghzjtian/d15536ba4789d7615977d1ac1b4169fe
• https://dotblogs.com.tw/rainmaker/2016/03/09/232711
• https://tedliou.com/fontforge-convert-ttc-to-ttf/
• https://blogger.tigernaxo.com/post/webtech/eudc/
• https://rainmakerho.github.io/2022/10/28/ms-reporting-service-add-custom-font-woff-ttf/