網頁中文字型為什麼拖慢網站？實測 105 個檔案要下載 2.14MB
網頁中文字型是網站測速報告最常被點名的元凶，卻很少人細看背後的重量：光是 Noto Sans TC 一個字重，Google Fonts 就要切成 105 個檔案、下載 2.14MB，比英文字型重上好幾倍。這篇整理系統字型、子集化、font-display、自行代管四種取捨，教你判斷自己的網站該怎麼選。
系統字型堆疊
你可能感興趣
EIP 企業入口網站有哪些功能？小公司要不要導入先看 4 個條件
公司系統越來越多、員工老是找不到資料，EIP 企業資訊入口網站就是把分散的系統與資訊集中到同一個登入點的平台。這篇整理 EIP 常見的 7 種功能模組、它跟內部網站與 ERP 的分工，再用 4 個條件判斷小公司需不需要導入，以及現有辦公套件能承擔多少。
n8n 怎麼用？雲端試用或 Docker 自架，做出第一條自動化流程
想用 n8n 把重複的工作交給自動化，卻不知道該開雲端試用還是自己架？這篇從節點與觸發的概念、授權範圍、雲端與自架的取捨講起，帶你用 Docker 在本機啟動 n8n，做出一條定時抓台北氣溫、依溫度送出不同訊息的流程，再發佈成排程自動執行。
白色色碼整理：暖白、冷白、米白怎麼挑，附 4 組搭配色碼
挑白色時，#FFFFFF 和 #FFFFF0 只差藍色通道的 15，畫面就從純白變成象牙白。這篇整理純白在 HEX、RGB、HSL、CMYK 的寫法，依色偏把 W3C 命名顏色分成暖白、冷白與中性白，說明米白、乳白為什麼沒有標準色碼，並附灰字在各種白底上的實算對比值與 4 組搭配。
icon 意思、類型與格式一次看懂：讓圖示一眼認得出來的設計原則
存檔按鈕畫的是早已淘汰的軟碟，為什麼大家還看得懂這個 icon 的意思？這篇從 icon 的 3 種詞義講起，分清圖示與 logo、favicon、emoji 的界線，整理 3 類圖示，比較 SVG、PNG、icon font 與 ICO 怎麼選，再說明讓圖示一眼認得出來的視覺原則與無障礙做法。
簡報背景圖怎麼設定？PowerPoint、Google 簡報讓字更清楚的 4 招
簡報的背景圖放上去很有氛圍，標題卻壓在照片的亮暗交界上看不清楚？從投影片比例與解析度開始，整理 PowerPoint「設定背景格式」與 Google 簡報「變更背景」的設定步驟與套用範圍，再借 WCAG 的對比量尺，搭配留空位、透明度、壓暗與半透明色塊 4 種做法，讓字從圖上浮出來。
主管領導力怎麼練？小團隊主管該具備的 6 個關鍵行為
主管領導力不是魅力或氣場，而是一組看得見、可以練習的行為。Gallup 指出主管占了團隊敬業度差異的 70%，本文依 Google 與 Gallup 的研究，從授權、目標與期望、一對一談話、心理安全感到決策，整理 3 到 10 人小團隊主管該先練的事。