地區代理能開啟到達頁,字型請求也回傳200,但主要按鈕突然換行,或某個漢字變成空方框。資源送達、實際採用的字型及文字版面可用性,是三個獨立驗收問題,不能用一次下載成功全部代替。

本流程適用於自有多語網站或已明確授權的預備環境,並非已在98IP執行的測試結果。地區路徑能協助發現交付差異,但不會決定訪客裝置安裝哪些字型。

三個相同頁面卡片以抽象短線比較替代字型間距、載入後換行及缺少字形

一、定義必須通過的文字與狀態

從實際頁面挑選標題、主要按鈕、價格或商品編號,以及一則驗證提示。為每種語言保存核准的精確文字樣本,包含產品真正使用的重音字母、簡體或繁體漢字、標點及符號。短拉丁文字通過,不能證明另一文字系統也涵蓋完整。

約定允許的字型、替代字型、相關字重及具體版面條件:按鈕標籤完整可見、標題不蓋住表單、錯誤提示可讀。經核准的替代狀態可以合格,目的是維持內容可用,而非強制每個裝置使用同一字型。

二、建立僅變更路徑的比較組

  1. 記錄瀏覽器版本、作業系統、本機字型條件、檢視區、縮放、裝置比例、語言、頁面版本及測試文字。第一輪基準與代理比較維持同一機器設定。
  2. 基準與指定地區各自使用等價的新瀏覽器設定檔,避免借用另一輪下載的字型或儲存狀態。首次載入與再次造訪分列記錄。
  3. 確認真正執行測試的瀏覽器使用預期代理,記錄字型請求主機,以及來源為網路、快取或本機。瀏覽器代理設定無法證明其他獨立測試程序也走相同路徑。
  4. 固定內容與觀察時點重做。其他作業系統或語言應另列案例,不與地區同時改變。

規劃地區路徑時,可查看98IP動態住宅代理產品頁,再於實際設定確認目前地區及工作階段選項。網站測試情境頁與此用途相關。這些頁面不認證特定字型主機、瀏覽器設定或繪製結果,本文也沒有未經測量的效能承諾。

三、保留交付證據,先別判字型通過

導覽前開啟瀏覽器Network面板,篩選字型資源,記錄請求檔案、最終主機、回應結果,以及快取或本機來源。沒有字型請求時,先查看套用至元素的CSS及本機來源,不要直接認定代理漏掉請求;該元素可能不需要那個字型。

請求失敗時,保留遮罩後的網路或主控台錯誤類別,檢查字型位址、存取控制、CORS或內容安全政策及回應內容。200若回傳錯誤文件或不可用字型,仍不算繪製通過。依實際錯誤排查,不要停用瀏覽器安全機制或隨意換IP掩蓋問題。

四、確認精確元素真正使用的字型

在Chrome DevTools選取目標標題或按鈕,進入Elements→Computed,查看Rendered Fonts。記錄該元素實際回報的字型,以及工具能提供的本機或網路來源。混合文字及所需字重應分別檢查。CSS的font-family清單不能證明每個字元真正採用的字型。

若本機安裝掩蓋下載缺陷,可另做明確標示的診斷測試,使用瀏覽器支援的停用本機字型來源功能,之後恢復正常設定。不能僅憑偏離支援訪客環境的診斷設定通過,就核准上線。

五、理解字型載入訊號的限制

document.fonts.check()即使指定不存在的字型,也可能回傳true;文字參數並不逐一驗證字形涵蓋。它是載入相關訊號,無法證明目標字型已正確繪製全部字元。

document.fonts.ready會在文件的字型載入與相關版面作業穩定後完成。測試應設定有限等待期限,記錄是否到達該檢查點;Promise完成不等於視覺驗收通過。切換語言、延後顯示對話框或新增內容後,應重新檢查新狀態,不能將先前完成視為永久保證。

兩條路徑使用相同觀察規則,擷取初始可見與穩定狀態,記錄缺字、文字消失、按鈕尺寸、換行、裁切及重疊。只在任意長時間等待後截圖,可能漏掉訪客最初必須操作時的問題。

六、用三種受控案例驗證檢查能力

在隔離的自有樣本頁,先故意封鎖測試字型請求,確認核准替代字型仍可讀、主要操作仍可用;再用受控工具延遲同一資源,對照早期及穩定版面;最後使用缺少某個必需樣本字元的自有測試字型子集,確認能發現不允許的替代或缺字。這些是建議練習,本文並未宣稱已執行。

若瀏覽器正確使用核准替代字型,不必強求出現缺字方框。真正的缺陷是未符合內容或版面規格。測試結束後移除全部覆寫設定,再跑一次正常設定。

七、依三欄證據判定能否上線

  • 交付:選用資源或有效本機來源有合理解釋,失敗類別可重現。
  • 繪製:檢查的元素使用允許字型,必要字元可讀,所需字重已評估。
  • 版面:初始與穩定狀態皆符合按鈕、標題、表單及訊息規格。

僅代理路徑失敗時,先對照保留的主機、回應與字型來源,再判斷是否歸因出口IP。兩條路徑都取得檔案而只有一台機器不同,檢查該裝置字型環境。實際字型正確但按鈕裁切,調查元件尺寸規則。這些模式能縮小範圍,不能單獨證明根因。

常見問題與上線清單

字型請求200就能結案嗎?不能,實際繪製與版面必須另外記錄。

使用替代字型一定失敗嗎?不一定,應依支援環境約定的替代狀態、字元涵蓋及可用性判定。

  • 各語言核准樣本與允許替代狀態已有記錄。
  • 路徑比較控制了瀏覽器、裝置、內容及快取條件。
  • 交付、實際繪製字型及兩個版面檢查點均通過。
  • 封鎖、延遲及缺字元樣本能揭露預期缺陷或允許替代。
  • 覆寫設定已移除,正常設定再次通過。

僅測試已授權頁面及字型資源,遵守字型授權與請求限制,使用合成或最小化資料。分享證據前移除憑證與工作階段資訊。地區代理不會賦予取得或再散布受限字型的權利。