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