Git Product home page Git Product logo

saltcandy123font's Introduction

saltcandy123font

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

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

A font image of saltcandy123font.

Visit the demo page to try the font with your texts.

Installation

Download saltcandy123font.zip from the release page on GitHub, uncompress the zip file and install the font file to your system.

Alternatively, if you use the font in a Node.js project, run 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)

Development

Source code

Note that the scripts require Python 3.11 and FontForge 2023-01-01.

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"
  viewBox="0 0 1000 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

The glyphs for this font were drawn with Inkscape using "Calligraphy Tool" with the settings as follows:

  • Marker
  • Width: 75px
  • Thinning: 0
  • Mass: 2
  • Angle: 90
  • Fixation: 0
  • Caps: 1.00
  • Tremor: 0
  • Wiggle: 0

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.