1. WordPress 預設字型
WordPress 本身沒有強制設定全域字型，字型通常由當前佈景主題決定。對於WordPress 網頁設計而言，選擇合適的主題並檢查其預設字型，是確保網站視覺一致性的關鍵步驟。例如：
- 經典佈景主題（如 Twenty Twenty-Three）：預設使用系統字型堆疊（如
system-ui），自動匹配用戶裝置的預設字型（如 Windows 的 Segoe UI、macOS 的 San Francisco）。 - 自訂佈景主題：香港網頁設計師通常會在佈景主題的
style.css中直接定義品牌專屬字型，以強化本地化風格。
檢查方法：
- 查看佈景主題的
style.css檔案：
路徑：wp-content/themes/[佈景主題名稱]/style.css
搜尋body或html選擇器中的font-family屬性。 - 使用瀏覽器開發者工具：
在頁面文字上點擊右鍵 → 選擇「檢查」→ 在「樣式」面板查看font-family屬性。
2. Elementor 預設字型
Elementor 的預設字型取決於其設定或繼承自佈景主題，這對於香港網站設計的靈活性非常重要：
- Elementor 佈景主題風格：
進入 Elementor 編輯介面 → 點擊左上角選單 → 網站設定 (Site Settings) → 版式 (Typography) → 查看預設字型（如Default或具體字型名稱）。 - 全域字型設定：
在 Elementor 的 自訂工具 (Customizer) 中，檢查全域字型選項。香港網頁設計師可在此統一調整網站字型，提升用戶閱讀體驗。
覆蓋情況：
- 若佈景主題或 Elementor 的「佈景主題風格」未設定字型，可能會回退到系統字型堆疊。
3. 快速定位字型的方法（適用於香港網頁設計師）
- 使用瀏覽器開發者工具：
在頁面文字上點擊右鍵 → 「檢查」→ 在右側「樣式」面板中查看font-family，第一個生效的字型即為當前使用的字型。 - 檢查 CSS 檔案：
在 WordPress 後台或透過 FTP 查看佈景主題和外掛的 CSS 檔案，搜尋font-family。這對於香港網頁設計師排查字型衝突非常實用。 - 系統字型堆疊範例：css复制font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
4. 常見預設字型與香港網頁設計建議
- WordPress 經典佈景主題：系統字型（無特定品牌字型）。
- Elementor 預設：可能為
Poppins、Roboto或繼承佈景主題設定。 - 自訂佈景主題：香港網頁設計中，建議優先選擇支援繁體中文的 Google Fonts（如
Noto Sans TC或Open Sans），以確保文字顯示清晰。
5. 修改預設字型（香港網站設計實用技巧）
若想為香港客戶打造專屬視覺風格，可透過以下方式調整字型：
- 透過佈景主題自訂工具：外觀 → 自訂 → 版式/字型。
- 透過 Elementor 全域設定：網站設定 → 版式 → 設定全域字型。
- 手動添加 CSS：在佈景主題的
style.css或「自訂 CSS」中新增：css复制body { font-family: “Noto Sans TC”, sans-serif; } /* 推薦香港網頁設計使用思源黑體 */
6. 香港網頁設計的進階字型策略
- 本地化字型選擇：針對繁體中文用戶，可搭配
Microsoft JhengHei（微軟正黑體）或Adobe Ming Std等系統內建字型。 - 效能優化：若使用中文字型，建議透過外掛（如 OMGF）移除未使用的字型子集，加快香港地區用戶的加載速度。
