feat: 首页与 README 增加 LeaferJS 插件入口（链接在线 demo）

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 也能输出有设计感的中文字体方案
 
 ## 核心能力

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

src/pages/Home.vue

@@ -272,6 +272,12 @@ async function refreshFonts() {
       <router-link to="/docs" style="color: #1677ff; text-decoration: none">{{ t('docsEntryLink') }}</router-link>
     </section>
 
+    <!-- LeaferJS 插件入口：中文述设计工具生态是子集化的重要场景，导流到在线 demo -->
+    <section style="margin-bottom: 28px; font-size: 13px; color: #888; line-height: 1.8">
+      <b style="color: #555">{{ t('leaferEntryTitle') }}</b>{{ t('leaferEntryText') }}
+      <a href="/leafer-demo/" target="_blank" style="color: #1677ff; text-decoration: none">{{ t('leaferEntryLink') }}</a>
+    </section>
+
     <!-- 企业服务：讲清商业价值，为作者带来收入的付费支持入口 -->
     <section style="margin-bottom: 28px; padding: 16px; border: 1px solid #f0e6d2; border-radius: 8px; background: #fffdf8">
       <div style="font-size: 14px; font-weight: 600; color: #333; margin-bottom: 6px">{{ t('enterpriseTitle') }}</div>