CSS 樣式表內的 可用來自定義字體（字型），其中有個 屬性用來設置 @font-face 定義字體所要使用的特定字元範圍（或者說 Unicode 區段），並提供給頁面顯示讓使用者可以看到。如果頁面沒有使用這個範圍內的任何字元，則不會下載該字體；如果至少使用了一個，則會下載整個字體。這個屬性的目的主要是對字體資源進行分段處理，這樣瀏覽器只需要下載特定頁面文本內容所需的字體資源，可節省網路流量。

好久一段時間沒來研究前端，這次的主題是「打造多國語言的靜態網頁」，上網搜尋找到非常多的作法，但這次我想找的是相對最為簡單、技術門檻最低的方式，因此找了 GitHub 上不少慷慨工程師留下的原始碼，不過很多都有問題無法運作，排除掉複雜且有問題的資料後，最終一位來自伊朗的工程師的原始碼幫我完成了這次的研究，本文的前端開發基於它的靈感 👉 jq-multi-lang 首先，

<datalist> 是 HTML 原生的標籤，目的是用來建立一組資料清單，並與 <input> 輸入欄位做結合，到瀏覽器端顯示時，使用者只要點擊輸入欄位即會跳出下拉選單，可以在開發者定義好的資料清單中做選擇，且在欄位內輸入與資料清單有關之文字，還能有自動補字或自動完成之效果，舉例來說，在做國家、縣市、地區等輸入時就可以用到。 1. 先建立 <input>，並在標籤內塞入 list 屬性並做命名。

CSS Scrollbars 標準化了 Windows IE 5.5 在西元 2000 年引入的過時捲軸顏色屬性，這個屬性可以自訂捲軸的寬度與顏色，但可用的選項與整體自由度就比 Webkit 瀏覽器支援的 ::-webkit-scrollbar 還少很多，畢竟一個是選擇器（能加一堆有的沒的屬性，很自由），而這次要解說的這個僅僅只是兩個屬性搭配使用，