Web 在顯示姓名的時候常會遇到中文難字無法顯示, 此時開發者在本機端如果有安裝造字檔 EUDC.TTE 就可以轉為 woffwoff2ttf 讓網頁正確顯示難字。 過程需要字型工具軟體 FontForge, 步驟如下:

  1. 拿到造字檔 EUDC.TTE
  • cmd 打開 regedit (win10 搜尋圖示點下後,輸入 cmd,出現小黑窗後再輸入 regedit)
  • 找到機碼 HKEY_CURRENT_USER -> EUDC -> 950 資料夾下的 SystemDefaultEUDCFont 設定檔。
  • 從設定檔的值就是 EUDC 的存放位址取出 EUDC.tte,我這裡是 C:\CIBEN\EUDC.tte
  1. 安裝 FontForge,找到 fontforge.exe 的位址 (注意,跟桌面捷徑呼叫的執行檔不一樣!),我的是在 C:/Program Files (x86)/FontForgeBuilds/bin/fontforge.exe
  2. 建立一個轉檔腳本 tte-extract.pe,內容如下
     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    
    # Open EUDC TTE
    Open("EUDC.tte", 4)
    # CHANGE TTFNAME 2 EUDC 
    SetTTFName(0x409,1,"EUDC")
    SetTTFName(0x409,2,"EUDC")
    SetTTFName(0x409,3,"EUDC")
    SetTTFName(0x409,4,"EUDC")
    SetTTFName(0x404,1,"EUDC")
    SetTTFName(0x404,2,"EUDC")
    SetTTFName(0x409,3,"")
    SetTTFName(0x404,4,"EUDC")
    SetFontNames("EUDC", "EUDC", "EUDC", "Regular", "655", "1.0.0")
    Generate("EUDC.ttf")
    Generate("EUDC.woff")
    Generate("EUDC.woff2")
    Close()
    
  3. EUDC.ttette-extract放在同一個位址,在該目錄下用指令執行轉檔 (fontforge.exe 的位址可能需要修改): C:/Program\ Files\ \(x86\)/FontForgeBuilds/bin/fontforge.exe -script tte-extract.pe
  4. 得到的 woffwoff2ttf 用 css 設定為網頁字形:
    • 設定網頁字形
      1
      2
      3
      4
      5
      6
      
      font-family: "EUDC";
      font-style: normal;
      src: url('./fonts/EUDC.woff2') format('woff2'),
      url('./fonts/EUDC.woff') format('woff'),
      url('./fonts/EUDC.ttf') format('truetype');
      }
      
    • 套用網頁字形
      1
      2
      3
      4
      5
      
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: '其他優先使用的字型', 'EUDC', sans-serif;
      font-display: auto;
      }