diglabo-kanji-data
漢字とかなの手本を、フォント・SVG・文字データとして。
常用漢字 2,136字 とかな 177字 を収録。diglaboの漢字教材から生まれた、手本フォントと教材開発用ライブラリです。
フォントをダウンロード · ブラウザで試す · 配布物と変更履歴
何を使いますか？
フォントだけ使いたい
まずは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はフォントを読み込まずに表示できます。
現在は0.xの試用版です。描画 0.1.0 / 文字データnpm 0.6.6-pkg.1 / データ版 0.6.6 / schemaVersion 1。版を固定する場合はnextをそれぞれのバージョンに置き換えます。画の途中までのアニメーションや手書き採点は含みません。
文字データを使いたい
筆順・画の輪郭・部品階層に加え、読み・教育用読み・読みの段階・配当学年・部首を使えます。
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、教育用読みと段階は文部科学省の音訓割り振り表をもとにしています。
開発・更新・問い合わせ
自社の教材で使いながら改善しています。試用版への問い合わせはIssuesへお願いします。対応期限は設けていません。
