使用說明

分類與字集是「單選」

兩排標籤看起來像可以複選，其實每一排同時只有一個生效。點另一個標籤就會換過去，點「全部」則取消該排的篩選。

注意: 兩排之間是「且」的關係：可以同時限定「等寬」＋「繁體中文」。

預覽文字可以換成你自己的字

搜尋框下方那個輸入框不是搜尋，是「預覽文字」。輸入什麼，所有卡片就用什麼字來顯示，方便直接看你的品牌名或標語長什麼樣。

注意: 停止輸入約 0.5 秒後才會套用（避免每打一個字就發一次請求）；畫面外的卡片會等你捲到時才更新，不是壞掉。

篩選結果可以直接分享或加書籤

每次篩選、搜尋、排序，網址都會跟著更新。把當下的網址複製給別人，對方打開就是同一份清單。

整張卡片都是連結

不用特別對準字體名稱，卡片上任何空白處都能點進字體詳細頁。

注意: 右上角的星星是例外 —— 點它是加入收藏，不會跳頁。

字體是捲到才載入的

為了讓首頁開得快，每張卡片的字體都等到快進入畫面時才下載。所以快速捲動時，偶爾會看到字體從預設樣式「換」成正確樣式。

示範網站是給你看排版效果的

頁面中間那個假的瀏覽器視窗裡有導覽列、按鈕、表單、表格與數字，用來看這套字在真實介面裡的樣子。

注意: 裡面的按鈕和表單都是靜態樣本，點了不會有反應，這是刻意的。

樣本語言可以切換

若這套字同時支援多種語言，上方會出現語言切換鈕，可以看它排日文、繁中或英文的效果。只支援一種語言時就不會顯示。

一鍵複製嵌入語法

頁面下方有現成的 HTML `<link>` 與 CSS `font-family` 兩段程式碼，各有一顆複製鈕，貼進專案就能用。

上一個／下一個會繞回去

底部的上下篇按鈕依固定順序在所有字體之間循環，走到最後一款會回到第一款。

注意: 這個順序和你在首頁做的篩選無關，是全站的固定順序。

它在做什麼

把多款字體疊成一組 font-family。瀏覽器排每一個字時，會從清單由左到右找「第一個有這個字的字體」來用 —— 所以順序會直接改變中英夾雜時的長相。

注意: 常見作法是「拉丁字體在前、中文字體在後」：英數用漂亮的拉丁字形，中文自動落到中文字體。

預覽區可以直接打字

中間那塊大字的區域是可編輯的，點進去就能改成你自己的文案，下方兩欄對照會即時跟著變。

調整順序用箭頭

右側清單每一列有上移、下移、移除三顆小按鈕。這裡不支援拖曳。

組合可以用網址分享

你的堆疊會即時寫進網址，按「分享這組組合」就能複製連結，對方打開會看到一模一樣的字體順序。

注意: 字級與字重不會寫進網址，只有字體順序會。

快速範例會覆蓋現有組合

兩顆範例按鈕會直接替換掉你目前排好的堆疊，不是附加上去。

字級滑桿只影響上方預覽

下方「排序對照」的兩欄固定字級，方便你專心比較字形差異。

收藏只存在你的瀏覽器裡

不需要註冊、不會上傳，收藏清單存在這台裝置的瀏覽器中。換裝置、換瀏覽器或清除瀏覽資料就會不見。

注意: 同一個瀏覽器開多個分頁時，收藏會即時同步。

收藏兩款以上才能左右對比

收藏頁下半部可以挑兩款字體並排，套同一份示範內容、整頁一起捲動，左右段落永遠對齊，很適合做最後取捨。

對比的語言選項會自動收斂

樣本語言只會列出「兩款字體都支援」的語言。所以換了字體之後，某些語言按鈕可能會消失。

清空要按兩次

「清空收藏」第一次點會變成「確定清空？」，再點一次才真的清除；5 秒內沒有動作就會自動取消。

深色／淺色主題

預設跟隨你系統的設定。只要手動按過一次右上角的主題鈕，之後就以你的選擇為準。

語言

第一次從首頁進來時會依瀏覽器語言自動帶到對應版本。只要用右上角選單手動選過一次語言，之後就不會再自動切換。