00:00 / 00:00

Clock

字型

時鐘的字型由「自訂字型」一項決定,預設為 ZCOOL XiaoWei。您可以在輸入框中直接輸入字型名稱,也可以點擊右側的「選擇字型」開啟字型選擇器

字型名稱會原樣寫入 CSS 的 font-family,並以 system-ui 作為後備。因此輸入一個不存在的名稱不會出錯,只會回落到系統預設字型

字型選擇器

選擇器中的字型分為三組,頂端的搜尋框可以依名稱過濾:

  • LAPLACE Clock 優選 — 一組適合時鐘顯示的推薦字型,其中 ArialGeorgiaHelvetica NeueMicrosoft YaHei 標記為「系統」,其餘來自 Google Fonts

    ZCOOL XiaoWeiPlayfair DisplayOrbitronPaytone OnePress Start 2PMonotonBangersLibre Barcode 39 ExtendedLacquerArialGeorgiaHelvetica NeueMicrosoft YaHeiNoto Sans SCNoto Sans TCShare TechShare Tech Mono

  • 全部字型 — 完整的 Google Fonts 清單,每個項目會顯示可用變體數量,並以該字型本身預覽

  • 本機字型 — 需要點擊「載入本機字型」並授予瀏覽器權限後才會出現,詳見下方「本機字型」

Google Fonts

完整字型清單透過本站的代理介面取得並長期快取。如果該介面暫時無法使用,選擇器會自動回落到一份內建的常用字型清單,功能不受影響

被選中的字型是按需載入的:只有目前使用的那一款會向 fonts.googleapis.com 請求樣式表,而不是把整份清單都下載下來

本機字型

點擊「載入本機字型」會透過瀏覽器的 Local Font Access API 讀取本機已安裝的字型清單,方便直接檢視與預覽。該 API 目前僅在部分基於 Chromium 的桌面瀏覽器中可用,瀏覽器會在讀取前跳出授權提示

您並不需要點擊此按鈕,依然可以在左側手動輸入本機的字型名稱。本站不會上傳或蒐集您的本機字型資訊

舊連結的字型相容

早期版本使用 var(--clock-font-*) 形式的 CSS 變數來指定內建字型。這些值仍然可以辨識,並會在算繪時自動對應到相應的字型名稱,因此早年分享出去、已經寫進 OBS 的網址無需修改即可繼續使用

相關連結

最後更新於 2026年9月19日

Tech otakus destroy the world