去年做一個國內(nèi)站點的自動化巡檢項目，本地 Windows 環(huán)境調(diào)試得順風順水，一部署到 Ubuntu 服務器就集體翻車：截圖里的中文全變成了方塊豆腐，所有帶時間的斷言差了整整 8 小時，站點還自動跳轉到了國際版英文界面，寫好的 CSS 選擇器全部失效。一開始以為是工具 bug，挨個翻 Playwright 的 issue，最后發(fā)現(xiàn)全是環(huán)境配置的問題——瀏覽器不是孤立運行的，它深度依賴操作系統(tǒng)的字體、時區(qū)、語言環(huán)境。這些東西在桌面環(huán)境里默認都配齊了，一到無桌面的服務器、Docker 容器里就全暴露出來了。這些問題看似零散，本質上都是系統(tǒng)環(huán)境與瀏覽器內(nèi)核的交互機制。搞懂底層原理，再遇到同類問題就不用靠猜了。一、中文字體渲染：方塊豆腐背后的 fontconfig 機制最常見也最顯眼的問題：中文顯示成一個個空心方塊（業(yè)內(nèi)叫 tofu，豆腐塊）。很多人的解決辦法是隨便搜個字體裝上，運氣好就好了，運氣不好繼續(xù)踩坑。1.1 底層渲染鏈路瀏覽器渲染文字不是自己憑空畫的，完整鏈路是這樣的：Linux 服務器版默認只安裝英文等拉丁字體，沒有任何中文字體包。當頁面需要渲染中文時，fontconfig 遍歷完所有字體都找不到對應字形，最終就會顯示成方塊。這里有個容易忽略的細節(jié)：字體匹配的時間復雜度是 O(n)，n 是系