免費使用,無需帳戶

字體配對工具

比較即時範例中的標題和正文字體。從系統字體配對開始或從您的裝置中選擇文件;沒有上傳任何內容。

系統字體因設備而異。選定的字體檔案保留在該瀏覽器中並使用其記憶體;該工具無法檢查他們的許可證。不下載字體目錄或外部字體。

Live type preview

Design that feels clear

A thoughtful type pairing makes a page easier to scan. Adjust the heading and body styles, then copy the CSS for your project.

如何預覽字體配對?

Choose a preset or select a heading and body font, then adjust sizes, weights and line height. Copy the generated CSS when the sample looks right.

常見問題

如何預覽字體配對?

Choose a preset or select a heading and body font, then adjust sizes, weights and line height. Copy the generated CSS when the sample looks right.

我的字體檔案上傳了嗎?

不會。您選擇的字體檔案僅載入到此瀏覽器工作階段。清除已新增的字體或重設頁面將其釋放。

我可以使用自己的字體檔案嗎?

是的。從您的裝置中選擇 WOFF、WOFF2、TTF 或 OTF 檔案。它們僅在此瀏覽器會話中加載,不會上傳。該工具最多接受 8 個文件,每個文件 5 個 MB,總限制 15 個 MB。

Will the CSS look the same on every device?

並非總是如此。系統字體可能因作業系統而異,其他訪客可能沒有您選擇的字體。為了獲得一致的結果,您的專案必須擁有有效的許可證並提供字體本身;該工具不託管它。

這會檢查字型授權或下載字型嗎?

不會。內建配對使用系統字體堆疊。可選文件由您選擇並保留在瀏覽器中;在專案中使用字體之前,請檢查字體提供者的許可證。