itch.io

Both issues should be fixed in v0.5. Windows no longer run off-screen - the glyph editor now has scrolling and middle-drag panning, and the main preview scrolls instead of stretching the window. Grid export is also available: check "Include grid in export. Check if it works for you.

There are two new options in the new version: outline and shadow.

It's been a while but I updated the tool and BMFont is now supported.

The new version supports them.

I'm implementing two more options related to scale (better quality) and the COLR Layers, which also has its pros and cons.

1) Font name is back. 
2) I can't guarantee color fonts render right in every app - but for Affinity, try the new "Outline fallback" checkbox and uncheck it before downloading. It's on by default since that's better (I think) in most cases.

@edit
Ok, I downloaded Affinity and it looks correct now with "Outline fallback" unchecked.

I've added a "Color font" option - not 100% sure it's exactly what you had in mind, so let me know. It embeds original antialiased pixels into the TTF (CBDT + sbix tables), with regular outlines as a fallback. Note that support depends on the renderer/browser - Chrome, Godot and macOS show color glyphs, Firefox and Unity TMP will show the plain outline fallback.

Thanks! Please leave a rating - it helps others find this tool!

https://stmn.itch.io/bitmap2font

Sure, you can do it in 1 minute. Go here: https://www.photopea.com/ upload a transparent bitmap, right-click on the layer -> Blending options -> Stroke

I remember trying to add a border like this, but it was too difficult. In a browser, it's one line of code, but not in Python.

No, unfortunately it does not support it.

This happens because of the \ right before r. In my case, the issue shows up when there’s only a single \, but in your pasted spacing data it looks like you already have two \\.

Just make sure that in Construct 3 it really ends up as two backslash characters before r. If it still behaves like there’s only one (because of escaping), try using four backslashes: \\\\.

So far I only know the issue is caused by the backslash before r in the spacing data, but I don’t know why it doesn’t happen for me. I’ll try generating the spacing data on Windows later - maybe the escaping/serialization differs there.

Simple glyph editor.

I already did it, I wrote it in the second comment.

Thanks for feedback. If you have still some issues feel free to leave a comment. I'm not doing native apps daily so this one can have still some bugs.

I restored the macOS versions. I changed the MacOS build tool from PyInstaller to Nuitka, which seems to be a better option.

I had trouble getting the last build to run on MacOS. Cross-platform support can be difficult. I'll try to restore the MacOS version. :D

I've adjusted the alignment of the characters, but they will still align to the top left corner with centering disabled. This seems to be the correct behavior; I've tested it in Construct 3 and don't see it being a problem.

The problem has been fixed.

The problem has been fixed. Tested with the following name: żółć_Český_über_日本語_данные_áéí_ß_ł

I'll try to fix it this weekend. Thanks for feedback.

I'll try to fix it this weekend. Thanks for feedback.

I'll try to fix it this weekend. Thanks for feedback.

This is a port of my previous browser-based converter, converted into a native app:

https://stmn.itch.io/font2bitmap

The native version has a few fewer features, but most importantly, it should allow you to disable antialiasing.

I haven't tested this extensively. Let me know if anything isn't working properly.

I spent an evening creating a native version of the converter, meaning you can download and run it locally (Windows, MacOS, Linux). It's available here:

https://stmn.itch.io/font2bitmap-standalone

This version should allow you to create bitmaps with antialiasing disabled. However, I don't need such a tool anymore, so I haven't tested it extensively. Let me know there if it works correctly.

It's no longer possible to disable antialiasing in browsers, as browsers have abandoned this feature. You can try using Firefox by enabling gfx.text.disable-aa in the settings (requires a restart), and that seems to work. But it's a very poor solution. If someone needs to disable antialiasing, they should look for an application other than one based on browser technologies.

I didn't met that problem. Maybe you should share your font but I doubt its because of large font.

Thanks for the info, we'll fix it soon

I recommend to use AI for it., like Claude or GPT. It will create that xml for you.

Sorry, I don't understand the map preview issue. I don't see the problem. The advertisement in the description is for my personal new project, which complies with itch.io's terms of service.

Hi, thanks for sharing your solutions. Maybe I'll check them one day when I will have more time.

Thanks for your solution.

I tried to disable AA from the css styles, but it doesn't seem to work for me - some solutions on the Internet are no longer up to date.
I guess I'll just link your solution in the tool description for now.

I use Chrome on MacOS and it seems that it's the only combination where the option to disable AA from the tool works.

Maybe someone else will suggest another solution, I don't see one for now.

The browser controls the anti-aliasing, so my capabilities are limited. However, I just checked that on Firefox, anti-aliasing is enabled by default - that's why turning it on here makes no difference. On Chrome, anti-aliasing is off by default, so on this browser, controlling this option works as intended.

If I diagnosed the problem correctly, try using Chrome. I will further analyze the issue with Firefox and see if it can be fixed.

If you're using Chrome and still see the problem, please send the font and a screenshot of how it looks on your end. I don't see any issue on Chrome.

Ok, it's done.

Hi, I have very limited time but I will consider every proposition. For now I increased height of an iframe a little. If it is still too small you can use full screen option or https://stmn.github.io/font2bitmap/

You would need describe more what and why, cause I don't understand.