CSS Font Face 產生器

以六種格式的 1–6 個網址或本機檔案參照建立 @font-face，可在本機編碼 data URI，並明確啟用選定檔案的真實字型預覽。

css-font-face-generator本機處理

正在啟用本機工具…

工具設定

字型名稱（最多 100 字元）字重字型樣式font-display

來源 1格式參照方式字型參照

將本機檔案轉為 data URI（僅產生文字，不套用）預覽文字

目前使用系統字型。選擇本機檔案後，按該來源的預覽按鈕；網址不會載入。

The quick brown fox jumps over the lazy dog.

只透過 FontFace ArrayBuffer 載入選定檔案；不載入 URL。格式支援由此瀏覽器決定，EOT／SVG 等舊格式可能失敗。預覽錯誤不影響已產生的 CSS。

修改設定會清除舊結果；請重新產生。

不抓取網址、不上傳檔案。本機預覽依 FontFace ArrayBuffer 支援，不保證所有格式；EOT／SVG 可能失敗。編輯、清除或離頁會移除預覽字型。每個檔案上限 1 MiB，輸出上限 4 MiB；授權及部署 CORS 須另查。

僅在本機記憶體處理，不傳送或儲存輸入。

靜態來源日期：2026-10-18

設定欄位，再產生結果。

設定字型名稱、字重、樣式及 display，新增來源並匯出 CSS。本機檔案可按該來源的預覽按鈕，暫時套用至範例文字。