diff --git a/README.md b/README.md index 09fb06e..0eb5184 100644 --- a/README.md +++ b/README.md @@ -28,6 +28,7 @@ - 品牌官网 — 高级字体不再受限于体积 - 小程序 / PWA — 流量敏感,按需加载 - 静态博客 / CMS — 文字内容确定,CSS 直出即可 +- LeaferJS 画布 / 设计工具 — [leafer-x-webfont](https://www.npmjs.com/package/leafer-x-webfont) 插件,画布 Text 用什么字体就加载那几个字([在线 demo](https://webfont.shenzilong.cn/leafer-demo/)) - AI 生成网页 — 让 AI 也能输出有设计感的中文字体方案 ## 核心能力 diff --git a/src/i18n.ts b/src/i18n.ts index 6bd9e0b..722febb 100644 --- a/src/i18n.ts +++ b/src/i18n.ts @@ -129,6 +129,9 @@ const messages = { docsEntryTitle: "接入你的网站:", docsEntryText: "支持 @font-face 与 JS SDK 增量加载,只加载页面用到的字符。", docsEntryLink: "查看集成文档 →", + leaferEntryTitle: "LeaferJS 生态:", + leaferEntryText: "官方插件 leafer-x-webfont —— 画布 Text 用什么字体就加载那几个字的子集(6 字 ≈ 6KB)。", + leaferEntryLink: "在线体验 →", inputHintIncremental: "输入即时触发增量加载,只裁剪用到的字符,非全量下载。", // TypographyDemo.vue @@ -230,6 +233,9 @@ const messages = { docsEntryTitle: "Integrate into your site: ", docsEntryText: "Supports @font-face and JS SDK incremental loading — only the characters used on the page are loaded.", docsEntryLink: "View integration docs →", + leaferEntryTitle: "LeaferJS ecosystem: ", + leaferEntryText: "Official plugin leafer-x-webfont — loads subsets of only the characters used by canvas Text (6 chars ≈ 6KB).", + leaferEntryLink: "Try the live demo →", inputHintIncremental: "Typing triggers incremental loading — only the characters used are subset, not the full font.", // TypographyDemo.vue diff --git a/src/pages/Home.vue b/src/pages/Home.vue index 5d543fb..15cf902 100644 --- a/src/pages/Home.vue +++ b/src/pages/Home.vue @@ -272,6 +272,12 @@ async function refreshFonts() { {{ t('docsEntryLink') }} + +
+ {{ t('leaferEntryTitle') }}{{ t('leaferEntryText') }} + {{ t('leaferEntryLink') }} +
+
{{ t('enterpriseTitle') }}