itch.io

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.

Good point. Exportable standalone project files as described will be available very soon.

Thanks for the constructive feedback. I agree with everything and I should be able to add these things easly (only need to find time). Of course I know that console-kind games are not popular but I believe that a few people on a planet could create something with that kind tool. ;)

It already is. File chooser also, I answered you below. You can leave rate 5/5 in exchange. ;)

I fixed an issue, should be good now.

Good news, I've added file input button. Looks it works.

Your server is configured to block access from different domain.

The best solution is to unlock it on your side. I could also make a proxy as middleware to solve this problem but it's too much effort comparing to first solution.

There is third option, my tool is now free to download and install it on your server where problem will not appear: https://github.com/stmn/font2bitmap

Just need to upload: https://github.com/stmn/font2bitmap/archive/refs/heads/gh-pages.zip

I don't know. If font is accessible directly through URL it should be possible, but I didn't test everything.  If your URL is not supported by my tool you can send me it and I will check in free time.

All code has been refactored, if you'll find any problem just leave it in a comment.

All code has been refactored, if you'll find any problem just leave it in a comment.

Awesome, nice to hear that.

Thanks, to be honest if someone learn how to stack blocks it is easy in my opinion (maybe even too easy). Physics are not exactly how I wanted but I can't adjust in used engine.

Yeah, It's because of pixel ratio. Probably you have Macbook or other higher density screen and this result in larger bitmap.

I have fixed it locally already,  update will be deployed next weekend.

Well it's possible that I will provide an input form to import font from url. In this way there will be possibility to create bitmap from all fonts which are accessible by any server. For example here: https://www.cdnfonts.com/grames.font you will need to copy that url on right.

At this moment if we want to use different font we can paste in browser console small js code like below:

const style = document.createElement("style")

style.textContent = `
@font-face {
    font-family: 'YourFontName';
    src: url('https://fonts.cdnfonts.com/s/30605/GRAMES.woff');
}
#preview {
font-family: 'YourFontName' !important;
}
`

document.head.appendChild(style)

Hello, I have prepared "Snippets" button. It allow to copy "Spacing data" which Construct user need to apply in Sprite font property. As I was testing it worked properly, but you need to disable "centered" checkbox which I will also describe in tool description soon.

Hi, there's a few things that I could make better and extend but overall I'm satisfied.