@@ -36,9 +36,11 @@
--color-extend0: oklch(0.7028 0.1492 235.06);
--color-extend1: oklch(0.7021 0.1938 38.14);
--color-extend2: oklch(0.4815 0.10687 161.2119);
+
+ --font-Trueno: 'Trueno', Trueno;
}
@font-face {
- font-family: 'Trueno';
+ font-family: Trueno;
src: url('/fonts/Trueno.otf') format('opentype');
*::-webkit-scrollbar {
@@ -127,5 +127,5 @@
<Cell title="Opaque Background When Active" subTitle="Via popup mask" onclick={() => (visible17 = true)} />
<NumKeyboard bind:visible={visible17} popup={{ mask: { opacity: '0.4' } }} />
-<Cell title="Custom Key Font" subTitle="Need to import and configure in tailwind.config.js" onclick={() => (visible19 = true)} />
+<Cell title="Custom Key Font" subTitle="Need to load font in CSS and configure in @theme" onclick={() => (visible19 = true)} />
<NumKeyboard bind:visible={visible19} keyClass="font-Trueno" />
<Cell title="激活时背景不透明" subTitle="通过 popup 内的 mask" onclick={() => (visible17 = true)} />
-<Cell title="自定义按键字体" subTitle="需要引入并在 tailwind.config.js 中配置" onclick={() => (visible19 = true)} />
+<Cell title="自定义按键字体" subTitle="需要 CSS 加载字体并在 @theme 中配置" onclick={() => (visible19 = true)} />