saltcandy123/saltcandy123font

A handwritten font / 手書きフォント

saltcandy123font

@saltcandy123 による手書きフォントです。

This is a font based on the handwriting of @saltcandy123.

Visit demo page to try the font with your texts.

Installation

• Get fhe font files from the release page.
• If you use npm, npm install @saltcandy123/saltcandy123font (npm package)

Supported characters

• (U+0000 - U+007F) Basic Latin (ASCII)
• (U+3000 - U+303F) CJK Symbols and Punctuation
• (U+3040 - U+309F) Hiragana
• (U+30A0 - U+30FF) Katakana
• (U+4E00 - U+9FFF) CJK Unified Ideographs (漢字)
  • Supporting only a small set of characters
• (U+FF00 - U+FFEF) Halfwidth and Fullwidth Forms
  • Excluding halfwidth Hangul variants and halfwidth symbol variants (U+FFA0 - U+FFDC, U+FFE8 - U+FFEE)

Source code

• glyphs/xxxx/uXXXX.svg defines the shape of each character. For example, u0073.svg is the image of "s" (U+0073). A character may have another image (uXXXX-vert.svg) for vertical writing ("vert" feature).
• scripts/fontbuild.py builds a font from the glyph SVG files.
• scripts/glyphclean.py cleans SVG files by removing extra data from SVG.
• scripts/distbuild.py builds distribution files under dist directory.
• scripts/fontimagegen.sh produces a font thumbnail image.

Note that the scripts require Python 3.10 and FontForge 2022-03-08.

Refer to gh-pages-src branch for the source code of the demo page.

How to add a glyph

## Create a directory under "glyphs"
mkdir -p glyphs/draft

## Create an empty SVG file
cat <<EOF >glyphs/draft/u5b57.svg
<?xml version="1.0" ?>
<svg xmlns="http://www.w3.org/2000/svg"
  width="1000" height="1000"></svg>
EOF

## Add template lines
python scripts/glyphclean.py glyphs/draft --with-template

## Draw outlines on your SVG editor (e.g. inkscape)
inkscape glyphs/draft/u5b57.svg

## Erase template lines
python scripts/glyphclean.py glyphs/draft

## Build a font file
python scripts/fontbuild.py -o font.ttf