Jump to content
IGNORED

Tiny Readable Proportional Font


Karl G

Recommended Posts

I'm wondering if anyone knows of or has made a good, tiny proportional font for their games? I won't be using it dynamically, but rather will build 48 or 96 pixel width images to use as intro text for my WIP. I can use the monospaced font that I use for in-game text, but I want something that looks a little nicer, and has a distinct look from my in-game text. If necessary, I can roll my own, or look to public domain fonts to convert, but I thought I'd check if anyone had already done something like this.

Link to comment
Share on other sites

2 hours ago, Karl G said:

I'm wondering if anyone knows of or has made a good, tiny proportional font for their games? I won't be using it dynamically, but rather will build 48 or 96 pixel width images to use as intro text for my WIP. I can use the monospaced font that I use for in-game text, but I want something that looks a little nicer, and has a distinct look from my in-game text. If necessary, I can roll my own, or look to public domain fonts to convert, but I thought I'd check if anyone had already done something like this.

Have you considered the "Glacier Belle" font used in the PlusCart?  It can be adapted to proportional with just a few letter changes... I'd be happy to do that for you.  Currently 3 pixels x 12 lines.

2021844824_ScreenShot2020-10-26at11_33_34am.thumb.png.ef772337a45c58b474b7c10844ede5b3.png
 

  • Like 3
Link to comment
Share on other sites

3 minutes ago, Karl G said:

Thank you, I think this would make a good base. I should be able to do the modification, but I just wanted to see if there was anything that someone had already done. Where can I find the data for this font?

https://gitlab.com/firmaplus/atari-2600-pluscart/-/blob/dev/source/Atari2600ROM/GlacierBelle.asm

 

  • Thanks 1
Link to comment
Share on other sites

FYI this font worked well for my purposes with only minimal modifications to make it proportional. I saved a lot more space than I added, and was able to fit a good amount of text in a 48-pixel kernel. Reducing the spaces to 2 pixels made it a little cramped, but definitely still readable. So, thanks for the recommendation.

 

penult_86.thumb.png.f3e5c794e9b597f44c4a9a0b879ba8eb.png

  • Like 9
Link to comment
Share on other sites

1 hour ago, Karl G said:

FYI this font worked well for my purposes with only minimal modifications to make it proportional. I saved a lot more space than I added, and was able to fit a good amount of text in a 48-pixel kernel. Reducing the spaces to 2 pixels made it a little cramped, but definitely still readable. So, thanks for the recommendation.

 

penult_86.thumb.png.f3e5c794e9b597f44c4a9a0b879ba8eb.png

 

17 minutes ago, Andrew Davie said:

It's gorgeous.

yes, but I think the word spacing needs one more pixel..

 

Link to comment
Share on other sites

14 hours ago, Al_Nafuur said:

 

yes, but I think the word spacing needs one more pixel..

 

After trying it, I think you are right. I was afraid that it would mean less words on each "scroll", but I only lost one period at the end of one of them, which is an acceptable loss. I also took the opportunity to tweak the lowercase "m" that I had expanded.

 

penult_87.thumb.png.71dfebef5b6185ac1556b3abae5147a9.png

  • Like 1
Link to comment
Share on other sites

34 minutes ago, Karl G said:

After trying it, I think you are right. I was afraid that it would mean less words on each "scroll", but I only lost one period at the end of one of them, which is an acceptable loss. I also took the opportunity to tweak the lowercase "m" that I had expanded.

 

penult_87.thumb.png.71dfebef5b6185ac1556b3abae5147a9.png

giphy.gif

 

 

but you should double the scanlines for the pixels you added to the lowercase "m" and "w" so it will not be an issue on newer LCD TVs..

Edited by Al_Nafuur
Link to comment
Share on other sites

27 minutes ago, Al_Nafuur said:

giphy.gif

 

 

but you should double the scanlines for the pixels you added to the lowercase "m" and "w" so it will not be an issue on newer LCD TVs..

Huh. I was unaware of this rule of thumb. Do I need to aim for an even number of scanlines, or just > 1?

Link to comment
Share on other sites

1 minute ago, Karl G said:

Huh. I was unaware of this rule of thumb. Do I need to aim for an even number of scanlines, or just > 1?

They only have to be > 1. If you use interlaced flicker, the LCD TV will "swallow" every second scanline and if you only have one scanline for a pixel this might be the scanline not shown..   

 

btw. the pixel scanlines don't have to be "aligned" with the columns to the left and right of it.

 

@Andrew Davie did a great job with all the font's on the PlusCart menu

 

Link to comment
Share on other sites

14 minutes ago, Al_Nafuur said:

@Karl G

I would like to suggest another lowercase "w":

1651300752_tempw.png.f85e9f0c4b905e4eff2c2895ed02dff6.png

or:

953853117_tempw.png.5d2d2c086faa697f9cb50885c34ed8e2.png

Thanks! I think I like that better than the adjustment that I made to my "w".

 

Flicker isn't an issue for the text on the intro screen, since I'm using a 48-pixel kernel, but I like the more solid appearance of the characters that modifying the letters provided. Here is (maybe) a final version:

 

penult_89.thumb.png.2bb2b483ad2d5108b7bdb90cb2183175.png

Link to comment
Share on other sites

My 2c....

 

Extend the middle bar of "m" down to the bottom.  Shift the top part up one scanline, so that the left bar is at the same height as the part to the right.

For the "w", lift the left and right bars up by 2 pixels, and the gaps between fill in with 2 black pixels too.

I could draw them if you want :P

 

 

  • Thanks 1
Link to comment
Share on other sites

@Andrew Davie - I think I follow what you mean with the "m", but I'm not sure with the "w":

 

Edit: maybe I figured it out below,

Edit #2: Here are side-by-side comparison screenshots after these changes.

Edit #3: Assuming I interpreted the change correctly, I like the newer "m", but prefer the prior "w", I think.

 

Pre-change:

penult_89.thumb.png.e353a91b25f8b6663e16017f2f580138.png

 

post-change:

penult_90.thumb.png.399185279659826b637717080bdf86c3.png

Current m:
.....
.....
#....
##.#.
#####
#.#.#
#.#.#
#...#
#...#
#...#
.....
.....

Suggested m:
.....
.....
##.#.
##.#.
#.#.#
#.#.#
#.#.#
#.#.#
#.#.#
#.#.#
.....
.....

Current w:
.....
.....
#...#
#...#
#...#
#.#.#
#.#.#
#.#.#
#####
.#.#.
.....
.....


Suggested w: ???
.....
.....
#...#
#...#
#...#
#.#.#
#.#.#
#####
.###.
.#.#.
.....
.....

 

Link to comment
Share on other sites

My suggested "w" aligns with the other lowercase chars "a,b,c,d,e,o,u,t,..." but @Andrew Davie's suggestion would align it with the "v" which is most probably the right way for "Glacier Belle":

Suggested w:
.....
.....
#...#
#...#
#.#.#
#.#.#
#.#.#
#####
.#.#.
.#.#.
.....
.....

And the "m" should be:

Suggested m:
.....
.....
##.#.
#####
#.#.#
#.#.#
#.#.#
#.#.#
#.#.#
#.#.#
.....
.....

 

  • Like 1
  • Thanks 1
Link to comment
Share on other sites

15 minutes ago, Karl G said:

@Al_Nafuur - Thanks! I think this is the best version yet. I appreciate all of the feedback!

 

penult_91.thumb.png.fd20376fa912807fee1badc947c1591b.png

This is the best version so far, you might give @NostAlgae37's idea a try and short the middle bar of the "m" by one pixel at the bottom. But I think that the current version is better.

 

 

btw. did I mention that I am a great fan of the PlusCart's "Captain Morgan" font (made by @Andrew Davie) ?:
https://gitlab.com/firmaplus/atari-2600-pluscart/-/blob/dev/source/Atari2600ROM/CaptainMorgan.asm

 

1439038135_ScreenShot2020-09-15at11_31_53pm.thumb.png.d43ac02b2e0cb9745a1b512e4aa15b84.png

  • Like 3
Link to comment
Share on other sites

4 hours ago, Al_Nafuur said:

This is the best version so far, you might give @NostAlgae37's idea a try and short the middle bar of the "m" by one pixel at the bottom. But I think that the current version is better.

I'm kind of fond of the version of the "m" that I posted (with the 1 pixel shorter middle bar and the entire top portion shifted down 1 pixel to accommodate the extra accent pixel at the top left), but I like this version also; it's definitely more visually appealing than some of the earlier iterations.  The "w" that you settled on is also different than the one that I posted, but I can't decide which of the 2 that I like better.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...