With the release of Bitsy 5 came a brand-new font system. The new system is far more customizable than the old one: among other features, it includes a spec for a .bitsyfont format which can be used to make custom fonts.

Since the format is plaintext, it's relatively easy to make custom fonts by typing them out in a text editor, but from a creative perspective, it's a bit hard to draw characters that way. To help with this, Fontsy provides a way to convert back-and-forth between .bitsyfont and .bitsyfont.png files, which can be used to draw fonts in a more traditional image editor.

Notes:

  • The default bitsy font is imported by default
  • Fontsy doesn't save anything; make sure to export your work!
  • Font data is 1-bit (i.e. black and white)
  • The images used for the old custom font hack are not compatible with Fontsy
  • If you're using the built-in editor, keep the export section closed to improve performance
  • Hover over characters in built-in editor to see code points

Recommended workflow:

  1. Pick an existing font to use as a base (e.g. the default bitsy font, or one of the others included in the bitsy editor)
  2. Import .bitsyfont file
  3. If needed, make minor edits using the built-in editor (e.g. changing size, name, or adding characters)
  4. Export .bitsyfont.png image
  5. Open image in external editor and customize font (note: make sure not to edit the borders, and to export in a mode which doesn't affect colours)
  6. Import edited .bitsyfont.png image
  7. Export .bitsyfont file
Published 36 days ago
StatusReleased
CategoryTool
PlatformsHTML5
Rating
(3)
AuthorSean
Tags2D, Bitsy, Character Customization, fonts, Pixel Art
Average sessionA few seconds
LanguagesEnglish
InputsMouse
LinksSource code

Leave a comment

Log in with itch.io to leave a comment.