Fontsy
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:
- 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)
- Import
.bitsyfont
file - If needed, make minor edits using the built-in editor (e.g. changing size, name, or adding characters)
- Export
.bitsyfont.png
image - 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)
- Import edited
.bitsyfont.png
image - Export
.bitsyfont
file
Status | Released |
Category | Tool |
Platforms | HTML5 |
Rating | |
Author | Sean |
Tags | 2D, Bitsy, Character Customization, fonts, Pixel Art |
Average session | A few seconds |
Languages | English |
Inputs | Mouse |
Links | Source code |
Leave a comment
Log in with itch.io to leave a comment.