@font-face src: local - 確保本地字體使用

這個問題解決瞭如何防止瀏覽器下載以下字體的問題使用@font-face規則時已經安裝在使用者的系統上。

問題中提供的CSS使用Font推薦的語法松鼠。然而，該問題在 Chromium 中仍然存在，表明存在特定於瀏覽器的問題。

解決方案在於利用「local()」關鍵字來優先考慮本地字體檔案。透過如下所示修改src 屬性，瀏覽器將首先嘗試從本機系統載入字型：

src: local('DejaVu Serif'), url('DejaVuSerif-webfont.woff') format('woff'), url('DejaVuSerif-webfont.ttf') format('truetype'), url('DejaVuSerif-webfont.svg#webfontCFu7RF0I') format('svg');

在此修改後的程式碼中，'local('DejaVu Serif')' 確保Chromium 檢查安裝在上的DejaVu Serif 字型在嘗試從網頁下載之前先檢查使用者的系統。

這種方法保證了最佳的字體加載，例如瀏覽器將使用本地副本（如果可用），避免不必要的下載並減少頁面加載時間。