{"slug":"quizzman-jck-font-engine-huong-dan-su-dung","title":"Quizzman JCK Font Engine – Hướng dẫn sử dụng Composer, Project và xuất font","summary":"Hướng dẫn SEO dùng JCK Font Engine tại lab.quizzman.com/jck/: IDS Composer, chỉnh slot layout, preview SVG, project, build OTF/TTF/WOFF2 và API health/catalog.","excerpt":"Hướng dẫn SEO dùng JCK Font Engine tại lab.quizzman.com/jck/: IDS Composer, chỉnh slot layout, preview SVG, project, build OTF/TTF/WOFF2 và API health/catalog.","markdown":"# Quizzman JCK Font Engine – Hướng dẫn sử dụng Composer, Project và xuất font\nHướng dẫn từng bước trên công cụ live **[lab.quizzman.com/jck/](https://lab.quizzman.com/jck/)**. Bài định nghĩa sản phẩm: [JCK Font Engine là gì?](https://wiki.quizzman.com/wiki/quizzman-jck-font-engine-la-gi-tong-hop-glyph-han-nom-tu-ids). About trang công cụ: [about-jck](https://lab.quizzman.com/tool/about-jck).\n# Trước khi bắt đầu\nMở [https://lab.quizzman.com/jck/](https://lab.quizzman.com/jck/) (Glyph Synthesis Lab).\nKiểm tra API còn sống: [https://lab.quizzman.com/api/jck/health](https://lab.quizzman.com/api/jck/health) — kỳ vọng `\"status\":\"ok\"`.\n**Preview / synthesize công khai** có thể dùng ngay. **Lưu project / build font** thường cần đăng nhập Quizzman ID và quyền phù hợp.\n# Giao diện gồm những gì?\nThường gặp các vùng chính:\n\n**Composer / IDS**: nhập hoặc chọn toán tử cấu trúc (⿰ ⿱ ⿲ ⿳ …) và thành phần.\n**Slot controls**: tỉ lệ phân bổ, scale ngang/dọc, gap giữa các bộ.\n**Preview SVG**: glyph render realtime + điểm quality.\n**Project**: danh sách glyph đã thêm; build batch; tải ZIP.\n# Bước 1. Tạo glyph từ IDS\nChọn toán tử cấu trúc phù hợp (ví dụ chữ trái–phải dùng ⿰).\nGán thành phần vào từng slot (bộ trái / phải / trên / dưới…).\nQuan sát preview SVG cập nhật ngay khi chỉnh tham số.\nXem **quality score** để phát hiện lệch cân bằng, overlap, thiếu coverage.\nMẹo: chỉnh lần lượt **ratio → scale → gap**; đừng kéo hết biên cùng lúc nếu glyph bị méo.\n\n# Bước 2. Tinh chỉnh bố cục\nVới mỗi slot, thử:\n\ntăng/giảm **tỉ lệ không gian** giữa các thành phần;\n**co giãn** ngang/dọc để khớp khung chữ;\nchỉnh **khoảng cách** (âm/dương) khi hai bộ quá sát hoặc quá thưa.\nMục tiêu: glyph ổn định khi nhìn ở cỡ chữ đọc thông thường và khi phóng lớn.\n\n# Bước 3. Thêm vào Project\nKhi preview đạt yêu cầu, thêm glyph vào project.\nLặp lại với các chữ khác cùng bộ nội dung (ví dụ một bài học / một mục từ điển).\nDùng preview trong tab Project để đối soát nhanh trước khi build.\n# Bước 4. Build và xuất font\nChọn định dạng xuất: **OTF**, **TTF** hoặc **WOFF2** (theo UI hiện có).\nChạy **build** (cần quyền đăng nhập nếu môi trường yêu cầu).\nTải **ZIP**: font + **manifest** (ký tự, codepoint, IDS).\nKiểm tra font trên web / app / editor đích; đối chiếu manifest nếu có chữ lệch IDS.\nBase font merge (Nom Na Tong / LXGW WenKai) giúp glyph mới hòa style với bộ CJK sẵn có — chọn profile phù hợp dự án Hán-Nôm hoặc CJK hiện đại.\n\n# Bước 5. Dùng API (tích hợp)\nCác endpoint công khai hữu ích:\n\nBảng: Mục đích | URL gợi ý\n\nHealth | `GET /api/jck/health`\nCatalog | `GET /api/jck/catalog`\nSynthesize | `POST /api/jck/...` (gateway `lab.quizzman.com/api/jck`)\nPrefix đầy đủ: `https://lab.quizzman.com/api/jck/`.\n\nLuồng tích hợp phổ biến: prebuild font theo chiến dịch nội dung → embed WOFF2 trên web; hoặc synthesize SVG cho preview rồi mới batch build.\n\n# FAQ nhanh\n**Không đăng nhập được build?** Projects/build thuộc luồng authenticated; thử đăng nhập tại Quizzman ID rồi mở lại `/jck/`.\n\n**Chữ vẫn bị tofu ở website?** Kiểm tra file font đã embed đúng `font-family`, WOFF2 đã deploy, và manifest đủ codepoint.\n\n**IDS “đúng” nhưng glyph xấu?** Quay lại chỉnh ratio/scale/gap; quality score thấp thường báo collision hoặc mất cân bằng.\n\n**~87.720 ký tự nghĩa là gì?** Đây là kích thước catalog import hiện tại trên health API — không đồng nghĩa đã xuất cả bộ trong một file font mỗi lần build.\n\n# Checklist bàn giao\n[ ] Health `ok`\n[ ] Preview SVG ổn ở 2–3 cỡ chữ\n[ ] Project đủ danh sách ký tự chiến dịch\n[ ] ZIP có font + manifest\n[ ] Đã test trên trình duyệt / app đích\n# Liên kết\nCông cụ: [lab.quizzman.com/jck/](https://lab.quizzman.com/jck/)\nAbout SEO: [lab.quizzman.com/tool/about-jck](https://lab.quizzman.com/tool/about-jck)\nBài định nghĩa: [JCK Font Engine là gì?](https://wiki.quizzman.com/wiki/quizzman-jck-font-engine-la-gi-tong-hop-glyph-han-nom-tu-ids)","html":"\n

Hướng dẫn từng bước trên công cụ live lab.quizzman.com/jck/. Bài định nghĩa sản phẩm: JCK Font Engine là gì?. About trang công cụ: about-jck.

\n

Trước khi bắt đầu

\n
    \n
  1. Mở https://lab.quizzman.com/jck/ (Glyph Synthesis Lab).
    2. \n
  2. Kiểm tra API còn sống: https://lab.quizzman.com/api/jck/health — kỳ vọng "status":"ok".
    3. \n
  3. Preview / synthesize công khai có thể dùng ngay. Lưu project / build font thường cần đăng nhập Quizzman ID và quyền phù hợp.
    4. \n
\n

Giao diện gồm những gì?

\n

Thường gặp các vùng chính:

\n
    \n
  1. Composer / IDS: nhập hoặc chọn toán tử cấu trúc (⿰ ⿱ ⿲ ⿳ …) và thành phần.
    2. \n
  2. Slot controls: tỉ lệ phân bổ, scale ngang/dọc, gap giữa các bộ.
    3. \n
  3. Preview SVG: glyph render realtime + điểm quality.
    4. \n
  4. Project: danh sách glyph đã thêm; build batch; tải ZIP.
    5. \n
\n

Bước 1. Tạo glyph từ IDS

\n
    \n
  1. Chọn toán tử cấu trúc phù hợp (ví dụ chữ trái–phải dùng ⿰).
    2. \n
  2. Gán thành phần vào từng slot (bộ trái / phải / trên / dưới…).
    3. \n
  3. Quan sát preview SVG cập nhật ngay khi chỉnh tham số.
    4. \n
  4. Xem quality score để phát hiện lệch cân bằng, overlap, thiếu coverage.
    5. \n
\n

Mẹo: chỉnh lần lượt ratio → scale → gap; đừng kéo hết biên cùng lúc nếu glyph bị méo.

\n

Bước 2. Tinh chỉnh bố cục

\n

Với mỗi slot, thử:

\n
    \n
  1. tăng/giảm tỉ lệ không gian giữa các thành phần;
    2. \n
  2. co giãn ngang/dọc để khớp khung chữ;
    3. \n
  3. chỉnh khoảng cách (âm/dương) khi hai bộ quá sát hoặc quá thưa.
    4. \n
\n

Mục tiêu: glyph ổn định khi nhìn ở cỡ chữ đọc thông thường và khi phóng lớn.

\n

Bước 3. Thêm vào Project

\n
    \n
  1. Khi preview đạt yêu cầu, thêm glyph vào project.
    2. \n
  2. Lặp lại với các chữ khác cùng bộ nội dung (ví dụ một bài học / một mục từ điển).
    3. \n
  3. Dùng preview trong tab Project để đối soát nhanh trước khi build.
    4. \n
\n

Bước 4. Build và xuất font

\n
    \n
  1. Chọn định dạng xuất: OTF, TTF hoặc WOFF2 (theo UI hiện có).
    2. \n
  2. Chạy build (cần quyền đăng nhập nếu môi trường yêu cầu).
    3. \n
  3. Tải ZIP: font + manifest (ký tự, codepoint, IDS).
    4. \n
  4. Kiểm tra font trên web / app / editor đích; đối chiếu manifest nếu có chữ lệch IDS.
    5. \n
\n

Base font merge (Nom Na Tong / LXGW WenKai) giúp glyph mới hòa style với bộ CJK sẵn có — chọn profile phù hợp dự án Hán-Nôm hoặc CJK hiện đại.

\n

Bước 5. Dùng API (tích hợp)

\n

Các endpoint công khai hữu ích:

\n
Mục đíchURL gợi ý
HealthGET /api/jck/health
CatalogGET /api/jck/catalog
SynthesizePOST /api/jck/... (gateway lab.quizzman.com/api/jck)
\n

Prefix đầy đủ: https://lab.quizzman.com/api/jck/.

\n

Luồng tích hợp phổ biến: prebuild font theo chiến dịch nội dung → embed WOFF2 trên web; hoặc synthesize SVG cho preview rồi mới batch build.

\n

FAQ nhanh

\n

Không đăng nhập được build? Projects/build thuộc luồng authenticated; thử đăng nhập tại Quizzman ID rồi mở lại /jck/.

\n

Chữ vẫn bị tofu ở website? Kiểm tra file font đã embed đúng font-family, WOFF2 đã deploy, và manifest đủ codepoint.

\n

IDS “đúng” nhưng glyph xấu? Quay lại chỉnh ratio/scale/gap; quality score thấp thường báo collision hoặc mất cân bằng.

\n

~87.720 ký tự nghĩa là gì? Đây là kích thước catalog import hiện tại trên health API — không đồng nghĩa đã xuất cả bộ trong một file font mỗi lần build.

\n

Checklist bàn giao

\n
    \n
  1. [ ] Health ok
    2. \n
  2. [ ] Preview SVG ổn ở 2–3 cỡ chữ
    3. \n
  3. [ ] Project đủ danh sách ký tự chiến dịch
    4. \n
  4. [ ] ZIP có font + manifest
    5. \n
  5. [ ] Đã test trên trình duyệt / app đích
    6. \n
\n

Liên kết

\n
    \n
  1. Công cụ: lab.quizzman.com/jck/
    2. \n
  2. About SEO: lab.quizzman.com/tool/about-jck
    3. \n
  3. Bài định nghĩa: JCK Font Engine là gì?
    4. \n
","tags":["Công nghệ","JCK Font","Lập trình"],"author":"System Legacy","publishedAt":"2026-07-15T09:40:13.316Z","updatedAt":"2026-07-17T02:33:52.634Z","published_at":"2026-07-15T09:40:13.316Z","updated_at":"2026-07-17T02:33:52.634Z","view_count":8,"canonical":"https://wiki.quizzman.com/wiki/quizzman-jck-font-engine-huong-dan-su-dung","url":"https://wiki.quizzman.com/wiki/quizzman-jck-font-engine-huong-dan-su-dung","markdownUrl":"https://wiki.quizzman.com/api/articles/quizzman-jck-font-engine-huong-dan-su-dung.md","apiUrl":"https://wiki.quizzman.com/api/articles/quizzman-jck-font-engine-huong-dan-su-dung"}