本文適合任何人，從初學者到最有經驗的 Web 開發人員。 我見過長達十年的高級 Web 開發人員忽略字體並且沒有正確處理它們，所以請繼續閱讀。 閱讀下面幾行後，您將使用正確的 @font-face 和 CSS，它們將在瀏覽器中正常工作。 您的網站在各種設備上的外觀和性能都應如此。 什麼是字體？我假設您已經知道這一點，否則您將不會閱讀本文。 然而，為了提供信息，@font-face 允許將特定字體嵌入到網站上，而不必依賴遠程用戶將它們安裝在他們的系統上。 可用的字體類型有：“.woff”、“.woff2”、“.ttf”、“.otf”、“.eot”和“.svg”。 ".woff" 代表 Web 開放字體格式 ".woff2"...
網站優化
網站優化指南、技巧與最佳實踐 — 提升效能、速度與使用者體驗。
今天我們將討論 Web 響應式圖像，這是一個非常流行的話題，也有很多問題。 如果你搜索這個主題，你會發現無數的文章有各種各樣的解釋，但我不會重複這些，並以不同的方式教你。 正確加載圖像，提高您的 SEO 排名並為您的網站提供更好的用戶體驗。 什麼是響應式圖像？響應式圖像將（應該）自動調整以適應屏幕尺寸。 但是……這是正確的做法嗎？ 嗯，是的，也不是。 如果您對此進行谷歌搜索或查看諸如 Bootstrap 之類的現代框架，您會注意到它們對“響應式圖像”的定義是一個簡單的 CSS，類似於： 1max-width: 100%; 2height: auto; 雖然這“有效”，但並不完全正確。有幾個原因，但最重要的一個是圖像大小。我不是在談論...