diglabo-kanji-data

漢字とかなの手本を、フォント・SVG・文字データとして。

常用漢字 2,136字 とかな 177字 を収録。diglaboの漢字教材から生まれた、手本フォントと教材開発用ライブラリです。

フォントをダウンロード · ブラウザで試す · 配布物と変更履歴

何を使いますか？

• フォントだけ使いたい — プリント・スライド・Webに手本の文字を載せる。
• アプリに組み込みたい — 筆順を表示する、部品に色をつける。
• 文字データを使いたい — 読み・学年・部首・部品構造を使う。

フォントだけ使いたい

まずはZIPをダウンロード

DiglaboTehon 一式をダウンロード（ZIP / データ版0.6.6）

PC用のOTF、Web用のWOFF2、使い方、ライセンスと出典情報をまとめています。ZIPを解凍して使えます。

使う場所	選ぶファイル
PCの文書・スライド・DTP	OTFtehon.otf
Webサイト・Web教材	WOFF2tehon.woff2

PCではZIPのfonts/tehon.otfを開いてインストールし、アプリのフォント欄で DiglaboTehon を選びます。Web用CSSと、単体ファイルのダウンロードはフォントの使い方にまとめています。

収録範囲は常用漢字・ひらがな・カタカナ・長音符です。英数字・句読点などは、併用するフォントで表示してください。

利用条件はCC BY-SA 4.0です。 画面・印刷物の出典表示と、再配布時のライセンス同梱などが必要です。利用条件と出典表示を確認してください。

アプリに組み込みたい

手本SVG、画ごとの筆順表示、部品の色分けを生成できます。ブラウザとNode.js 22以上で使えるESMです。

筆順は0画から全画まで、画ごとに切り替えられます。

「林」の二つの「木」も、部品識別子で別々に選べます。

一文字を表示する

npm install @diglabo/kanji@next @diglabo/kanji-data@next

import kyu from "@diglabo/kanji-data/chars/04f11";
import { renderCharacter } from "@diglabo/kanji";

const { svg, attribution } = renderCharacter(kyu, { size: 160 });
// svgを表示し、attribution.textを画面・印刷物の出典欄に載せます。

一文字のimportで、Webへ全字形を送りません。SVGはフォントを読み込まずに表示できます。

次に試すこと	案内
筆順・部品選択のオプションを使う	描画API
ブラウザで動かす	公開デモ · JavaScriptの例
Reactに組み込む	Reactデモ · ソース
Node.jsで教材を作る	HTML教材を書き出す例

現在は0.xの試用版です。描画 0.1.0 / 文字データnpm 0.6.6-pkg.1 / データ版 0.6.6 / schemaVersion 1。版を固定する場合はnextをそれぞれのバージョンに置き換えます。画の途中までのアニメーションや手書き採点は含みません。

文字データを使いたい

筆順・画の輪郭・部品階層に加え、読み・教育用読み・読みの段階・配当学年・部首を使えます。

入手先	内容
npm（JavaScript / TypeScript）	型付きの文字別モジュール・索引・manifest
JSON一式（ZIP）	1字1ファイルのJSON・索引・ライセンス

import kyu from "@diglabo/kanji-data/chars/04f11";

console.log(kyu.record.char);        // 休
console.log(kyu.record.grade);       // 1
console.log(kyu.record.eduReadings); // 小学校段階の音読み・訓読み

npmには全2,313字が含まれます。必要な文字JSONだけをサイトに同梱する使い方もできます。文字データnpmの使い方 · JSONの形式と各項目の説明

利用条件と出典表示

対象	ライセンス
手本フォント・文字データ・字形由来のSVG・このページの見本画像	CC BY-SA 4.0
新規の描画runtimeと公開型	MIT

画面や印刷物には、次の出典を表示してください。

KanjiVG (CC BY-SA 3.0) / KANJIDIC2 © EDRDG (CC BY-SA 4.0)

フォント・データを再配布する場合はLICENSEとATTRIBUTION.mdを同梱し、改変を配布する場合は変更を明示してCC BY-SA 4.0を維持してください。描画runtimeのMITが字形の利用条件を置き換えるものではありません。用途別の利用条件 · 帰属情報 · LICENSE

字形と筆順はKanjiVG、辞書情報はKANJIDIC2、教育用読みと段階は文部科学省の音訓割り振り表をもとにしています。

開発・更新・問い合わせ

• 開発・データ生成・README画像の再生成
• 筆圧つきアウトラインの設計
• 互換表・検証・公開・データ更新の手順
• 変更履歴 · 不具合・利用例の報告（GitHub Issues）

自社の教材で使いながら改善しています。試用版への問い合わせはIssuesへお願いします。対応期限は設けていません。