Solution 要做什麼
對照完整答案、責任邊界與原因。
本主題檔案：files/style.css
定位：在 Computed 搜尋 font-family，記錄完整清單而不是只看畫面像不像。
Solution · code-edit
系統字型 fallback
對照完整答案、責任邊界與原因。
本階段驗收
頁面不會替你修改檔案；請在實作檔完成後重新整理確認。
目前要處理
示範文字只使用 serif，未提供系統介面 fallback。
預期看到
runtime 的 computed font-family 由 serif 改為包含 system-ui 與 sans-serif 的有序清單。
font-family:system-ui,-apple-system,"Segoe UI","Noto Sans TC",sans-serif;檔案清單
只在本階段資料夾內操作，避免改到其他章節。
index.html
入口檔案：提供一張可觀察字型、色彩與背景的服務卡片。style.css
呈現層：依 Starter／Checkpoint／Solution 展示本堂 CSS 差異。main.js
驗收輔助：按鈕後讀取 Computed Style、計算對比並列出尚未通過條件。
證據：runtime before=serif；after 字串包含 system-ui 與 sans-serif；property=font-family
回到主題說明