SaiKanji (彩漢字)

SaiKanji preview showing color kanji stroke order

A colorful stroke-order font for kanji.

美しい色の筆順フォント — 漢字のために。

SaiKanji turns KanjiVG stroke data into a modern hybrid OpenType font with per-stroke color, stroke-order numbers, optional guide grids, and broad app/browser compatibility.

SaiKanjiは、KanjiVGのストロークデータを基に、現代的なハイブリッドOpenTypeフォントへと変換します。各ストロークに色を付け、筆順番号を内蔵、オプションのガイドグリッドを搭載し、さまざまなアプリやブラウザで幅広く動作します。

Try the demoデモを試す Download v0.020v0.020 をダウンロード

Live Demo

ライブデモ

Type with the release fonts.

リリース版フォントで入力できます。

Edit the text, then combine palette, fill, light, and grid options.

テキストを編集し、パレット・塗りつぶし・ライト・グリッドの各オプションを組み合わせられます。

* Fonts are roughly 15 MB each and may take a moment to download.
＊　各フォントは約15MBのため、ダウンロードに少し時間がかかる場合があります。
彩漢字
Downloadダウンロード

Download

ダウンロード

Use SaiKanji in apps, sites, and study decks.

アプリ、ウェブサイト、学習デッキでSaiKanjiをご利用ください。

Download the currently selected demo font, browse every TTF file below, or open GitHub releases for the full release.

現在選択中のデモフォントをダウンロード、下の全TTFファイル一覧を閲覧、またはGitHub Releasesを開いて完全版を入手できます。

Download selected font 選択したフォントをダウンロード Open GitHub releases GitHub Releasesを開く

Install

Install once, then use it like a normal font.

一度インストールすれば、通常のフォントと同じように使えます。

Desktop

デスクトップ

  1. Download a .ttf file from the GitHub releases.
  2. Open the file and install it with your system font manager.
  3. Select the SaiKanji style in Pages, design tools, Anki, or other apps.
  1. GitHub releases から .ttf ファイルをダウンロード
  2. ファイルをクリックして、システムのフォント管理ツールでインストール
  3. Pages、デザインソフト、Anki、その他のアプリでSaiKanjiのスタイルを選択

Web

Web

  1. Download a .woff2 file from the GitHub releases.
  2. Open the file and add it to your project
  3. Use the WOFF2 files with @font-face. Host the files with your site when possible so font loading is cacheable and predictable.
  1. GitHub releases から .woff2 ファイルをダウンロード
  2. ファイルをプロジェクトに追加
  3. @font-face でWOFF2ファイルを使用。可能な限りサイトと一緒にホスティングすると、フォント読み込みがキャッシュ可能で安定します。

Mac (homebrew)

Mac (homebrew)

  1. Install the SaiKanji Tap
    brew tap am517/tap
    brew trust am517/tap
  2. Find and install a font
    brew search font-saikanji
    brew install font-saikanji-...
  1. SaiKanji Tapをインストール
    brew tap am517/tap
    brew trust am517/tap
  2. フォントを検索してインストール
    brew search font-saikanji
    brew install font-saikanji-...

Files

ファイル

One-click TTF downloads.

ワンクリックでTTFをダウンロードできます。

Gradient files preserve smooth stroke color. Solid files use flat stroke color. Black files are the simplest monochrome fallback.

Gradientファイルは滑らかなストロークのグラデーション色を保持し、Solidファイルは単色を使用します。Blackファイルは最もシンプルなモノクロームのフォールバックです。

A pure black font with no coloring at all

完全に色付けのない純粋な黒のフォント

Black Monochrome fallback for maximum compatibility. 最大の互換性を持つモノクロームフォールバック。 Black Grid Monochrome fallback with guide grid. ガイドグリッド付きモノクロームフォールバック。

A calm grayscale color palette

穏やかなグレースケールカラーパレット

Regular Gradient Default palette with smooth stroke gradients. デフォルトパレットによる滑らかなストロークグラデーション。 Regular Gradient Grid Default palette with gradients and guide grid. グラデーション＋ガイドグリッド付きデフォルトパレット。 Regular Solid Default palette with flat stroke colors. デフォルトパレットによる単色ストローク。 Regular Solid Grid Default solid colors with guide grid. 単色＋ガイドグリッド付きデフォルトパレット。 Regular-Light Gradient Lighter default palette with smooth gradients. 明るめのデフォルトパレットによる滑らかなグラデーション。 Regular-Light Gradient Grid Lighter default gradients with guide grid. 明るめのデフォルトグラデーション＋ガイドグリッド。 Regular-Light Solid Lighter default palette with flat colors. 明るめのデフォルトパレットによる単色。 Regular-Light Solid Grid Lighter default solid colors with guide grid. 明るめの単色＋ガイドグリッド。

A balanced palette that evenly divides the color wheel into 12 segments for a harmonious rainbow distribution

色相環を12等分し、調和の取れた虹色分布を実現するバランスパレット

Balanced Gradient Balanced palette with smooth stroke gradients. バランスパレットによる滑らかなストロークグラデーション。 Balanced Gradient Grid Balanced gradients with guide grid. バランスグラデーション＋ガイドグリッド。 Balanced Solid Balanced palette with flat stroke colors. バランスパレットによる単色ストローク。 Balanced Solid Grid Balanced solid colors with guide grid. バランス単色＋ガイドグリッド。 Balanced-Light Gradient Lighter balanced palette with smooth gradients. 明るめのバランスパレットによる滑らかなグラデーション。 Balanced-Light Gradient Grid Lighter balanced gradients with guide grid. 明るめのバランスグラデーション＋ガイドグリッド。 Balanced-Light Solid Lighter balanced palette with flat colors. 明るめのバランスパレットによる単色。 Balanced-Light Solid Grid Lighter balanced solid colors with guide grid. 明るめのバランス単色＋ガイドグリッド。

A high-contrast palette that uses the golden ratio conjugate to generate maximally distinct, visually separated hues.

黄金比の共役数を使って最大限に区別され、視覚的に分離された色相を生成する高コントラストパレット

Contrast Gradient High-contrast palette with smooth gradients. 高コントラストパレットによる滑らかなグラデーション。 Contrast Gradient Grid High-contrast gradients with guide grid. 高コントラストグラデーション＋ガイドグリッド。 Contrast Solid High-contrast palette with flat colors. 高コントラストパレットによる単色。 Contrast Solid Grid High-contrast solid colors with guide grid. 高コントラスト単色＋ガイドグリッド。 Contrast-Light Gradient Lighter contrast palette with smooth gradients. 明るめの高コントラストパレットによる滑らかなグラデーション。 Contrast-Light Gradient Grid Lighter contrast gradients with guide grid. 明るめの高コントラストグラデーション＋ガイドグリッド。 Contrast-Light Solid Lighter contrast palette with flat colors. 明るめの高コントラストパレットによる単色。 Contrast-Light Solid Grid Lighter contrast solid colors with guide grid. 明るめの高コントラスト単色＋ガイドグリッド。

A smooth spectrum palette that divides the color wheel into 30 fine steps for seamless gradient transitions.

色相環を30段階に細かく分割し、滑らかなグラデーション遷移を実現するスペクトラムパレット

Spectrum Gradient Spectrum palette with smooth stroke gradients. スペクトラムパレットによる滑らかなストロークグラデーション。 Spectrum Gradient Grid Spectrum gradients with guide grid. スペクトラムグラデーション＋ガイドグリッド。 Spectrum Solid Spectrum palette with flat stroke colors. スペクトラムパレットによる単色ストローク。 Spectrum Solid Grid Spectrum solid colors with guide grid. スペクトラム単色＋ガイドグリッド。 Spectrum-Light Gradient Lighter spectrum palette with smooth gradients. 明るめのスペクトラムパレットによる滑らかなグラデーション。 Spectrum-Light Gradient Grid Lighter spectrum gradients with guide grid. 明るめのスペクトラムグラデーション＋ガイドグリッド。 Spectrum-Light Solid Lighter spectrum palette with flat colors. 明るめのスペクトラムパレットによる単色。 Spectrum-Light Solid Grid Lighter spectrum solid colors with guide grid. 明るめのスペクトラム単色＋ガイドグリッド。

License & Acknowledgements

ライセンスと謝辞

Openly licensed and attributed.

オープンライセンスで帰属表示を明記しています。

SaiKanji is licensed under CC BY-SA 4.0. It is derived from KanjiVG by Ulrich Apel, released under CC BY-SA 3.0, and was inspired by the kanji-colorize Anki plugin and the Playwrite font family.

SaiKanjiは CC BY-SA 4.0 の下でライセンスされています。このフォントはUlrich Apel氏による KanjiVG（CC BY-SA 3.0でリリース）を基にした派生作品であり、 kanji-colorizeプラグインおよび Playwriteフォントファミリーから着想を得ています。