Skip to main content

User login

What is OpenID?
  • Log in using OpenID
  • Cancel OpenID login
  • Create new account
  • Request new password
Register
  • Home
  • Browse
    • 2D Art
    • 3D Art
    • Concept Art
    • Textures
    • Music
    • Sound Effects
    • Documents
    • Featured Tutorials
  • Submit Art
  • Collect
    • My Collections
    • Art Collections
  • Forums
  • FAQ
  • Leaderboards
    • All Time
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
    • Weekly
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
  • ❤ Donate

Good Neighbors pixel font

Author: 
Clint Bellanger
Saturday, August 22, 2015 - 15:28
Flattr this item
Art Type: 
2D Art
Tags: 
pixel font
bitmap font
font
License(s): 
CC0
Collections: 
  • !CO Assets
  • 2D::UI/HUD/Skin
  • CC0 - Public Domain - Fonts
  • CC0 Fonts
  • CF Inspiration
  • DungeonKeeperIshGame
  • Fonts
  • hit it
  • Impyrean options
  • Iso to-use
  • LPC Art Collection + Others
  • Melodious Meadows options
  • OGA SUMMER JAM 2019 considered art
  • OGAS18GJ Assets
  • PawMon LPC
  • Platformer Game
  • RPG Stuff Collection
  • To Remix
  • Type - Interface Assets
  • UI
  • We Jammin'
Favorites: 
71
Share Icons: 
Preview: 
Preview
Preview
Preview

A happy little pixel bitmap font.

This font is designed to handle crisp pixel art scaling (nearest neighbor, aka no interpolation) and still be legible.

Where would this matter? I'm making pixel art games with approximately NES resolutions (240p). I have those games scale up to the browser/display size, keeping solid pixels (no blurring).

How this ends up working -- imagine you want to scale some pixel art up by 120%. That means every 5th row and column will become 2px thick. Usually that isn't noticeable, But it can be when tiny details matter, such as fonts.

I've included a comparison with two other fonts I've made here on OGA. The top font is a pixel sans font where all the strokes are 1px thick. The middle font is Boxy Bold. The bottom font is Good Neighbors. Each font is scaled at 100%, 133%, 166%, 200%, and 266%. All the fonts look great at 100% and 200% size. But the top font is hard to read at other sizes, while the bottom font is legible and keeps a good style.

Made for my game Recycle Sorter.

Good for educational games around NES/SNES pixel art size. Fits well at 16px line height. This version only includes ASCII 33-127.

Copyright/Attribution Notice: 
Not necessary, but you can say "Good Neighbors font by Clint Bellanger".
File(s): 
good_neighbors.png good_neighbors.png 3.4 Kb [4126 download(s)]
  • Log in or register to post comments

Comments

dannorder
joined 11 years 4 months ago
08/23/2015 - 09:08
dannorder's picture

Seriously smart font design there. Thanks for the generous license!

  • Log in or register to post comments
withthelove
joined 11 years 3 months ago
08/24/2015 - 07:57
withthelove's picture

This is awesome!  

Font itself is great!  Nice and thick with a very cute kind of  pillowy softness to it!

And the idea of a pixel font that scales well along uneven multiples is a fantastic one!   Definitely an issue I've bumped into before, kudos to you for coming up with such an elegent (and good looking ;)  solution!

Finally, you sir are a very good neighbor indeed for sharing with such a generous license!

  • Log in or register to post comments
InanZen
joined 12 years 3 months ago
08/24/2015 - 08:35
InanZen's picture

Nice font.
Here's an XNA version.

Attachments: 
  • Log in or register to post comments
PROWNE
joined 11 years 3 weeks ago
08/24/2015 - 11:42
PROWNE's picture

This is great - thanks!

I split and repacked the font into the AngelCode format for use in Starling. I'm not sure how to directly link to it from here, but you can find it on my profile.

  • Log in or register to post comments
withthelove
joined 11 years 3 months ago
08/24/2015 - 14:58
withthelove's picture

hey, the game (Recycle Sorter) is pretty rad too!  

Plus, I totally spent five (or maybe ten ;) minutes just resizing my browser over and over to see how the font scaled and it looked super hot every time! 

  • Log in or register to post comments
davexunit
joined 11 years 8 months ago
08/25/2015 - 07:39

Requesting a TTF version. :)

  • Log in or register to post comments
Clint Bellanger
joined 15 years 7 months ago
08/25/2015 - 07:44
Clint Bellanger's picture

I'm sure someone will create a TTF version (please do!).

Note though that the clever part of the font is kinda lost if you're doing vector font scaling. Fonts designed as vector first will turn out better.

  • Log in or register to post comments
devurandom
joined 12 years 10 months ago
08/27/2015 - 06:34

And now, Good Neighbors can speak Russian, Ukrainian and Belarusian as well.

Tried to maintain the font's look, which meant using italicized versions of some letters. Hopefully, all the new letters work with nearest-neighbor scaling, too.

(The attached image is also licensed as CC0, so you're as free to use it just as well as the original one. The little Ukrainian/Belarusian flags at the bottom indicate where Russian letters end and UA/BY ones begin.)

Revision 2: fixed the outline/shadow on Д, З and ц.

Attachments: 
  • Log in or register to post comments
Clint Bellanger
joined 15 years 7 months ago
08/25/2015 - 11:41
Clint Bellanger's picture

usr_share that is amazing! Thanks for doing it!

If anyone wants to help expand the coverage to more languages, I'd recommend using the characters described here. https://en.wikipedia.org/wiki/ISO/IEC_8859-15

Those characters would cover the languages: Afrikaans, Albanian, Breton, Catalan, Danish, Dutch, English, Estonian, Faroese, Finnish, French, Galician, German, Icelandic, Irish, Italian, Kurdish, Latin, Luxembourgish, Malay, Norwegian, Occitan, Portuguese, Rhaeto-Romanic, Scottish Gaelic, Scots, Spanish, Swahili, Swedish, Tagalog, Walloon.

---

Some basic recommendations when making characters: the vertical lines are 2px wide. The bottom horizontal line is 2px wide, and higher horizontal lines are 1px. There is a black outline, and also a 1px drop shadow straight down. Feel free to increase the total font height to make accent marks and diacritics look correct.

When used, kerning should be "-1px", as in, neighboring letters should have overlapping black outlines.

  • Log in or register to post comments
devurandom
joined 12 years 10 months ago
08/25/2015 - 12:13

P.S. With regards to scaling in general, have you tried doing the following: find the largest integer scaling factor that fits in the screen, scale nearest-neighbor to that, then scale to fit the entire screen with an antialiasing method?

This seems to work well for some emulators (like the Ex Plus Alpha ones or mednafen).

  • Log in or register to post comments
Clint Bellanger
joined 15 years 7 months ago
08/25/2015 - 12:23
Clint Bellanger's picture

usr_share: I haven't tried that, but it sounds interesting! I'll keep that in mind if I ever polish up an app version of one of my games.

  • Log in or register to post comments
The_Blog
joined 9 years 8 months ago
09/26/2015 - 23:19
The_Blog's picture

I wanted to use this font as a Bitmap Font in my libGdx project. Sadly the xml PROWNE provided for it doesn't work in libGdx, so I translated it to a .fnt file with allot of tedious editing. It's probably not perfect, but it's as good as I got it. Use it together with the arranged picture in Prowne's version.

Download:
http://www.mediafire.com/download/l8xa337gybz6ofe/good_neighbors.fnt

This is how it looks when used:

It looks like for a few letters the outline doesn't overlap as it was intended to. Maybe someone could take a look at it. A ttf version would great too!

And as I said earlier, use the fnt file together with the arranged png file inside PROWNE's version. I hope this helps someone. This a great Font :)

_____________________________________________________________

Extra for anybody wondering how to use a custom bitmap font inside libGdx:

BitmapFont bFont;
bFont = new BitmapFont(Gdx.files.internal("location of fnt file"),
      Gdx.files.internal("location of picture"), true/false);

To write with the font:
bFont.draw(spriteBatcher, "text", x, y);

  • Log in or register to post comments
PROWNE
joined 11 years 3 weeks ago
08/28/2015 - 19:47
PROWNE's picture

Just to round out some languages, I created some new characters with diacritics, inverted question and exclamation marks, AE and OE ligatures, and eszett. However, I couldn't get Ø to look quite right - if any true pixel artists want to fix it, please do.

Anyway, this expands the font to be able to display text in English, French, Spanish, German, Italian, Portuguese, Turkish, Danish, Norwegian, Swedish, and Dutch, as well as usr_share's contribution of Russian, Ukrainian, and Belarusian.

Should anyone need it, here's a string of all the characters (in order): 

!"#$%&'()*+,-./0123456789:;<=>?ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~

АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдеёжзийклмнопрстуфхцчшщъыьэюяЄІЇЎҐєіїўґ

ÄäÀàÂâÁáÃãÅ寿ÈèÊêÉéÇçĞğÎîÍíİıÑñÖöÒòÔôÓóÕõŒœØøŞşÜüÙùÛûÚúŸÿ¿¡ß

 

Attachments: 
  • Log in or register to post comments
Clint Bellanger
joined 15 years 7 months ago
08/28/2015 - 20:03
Clint Bellanger's picture

PROWNE, these are awesome! The language coverage for the font is pretty impressive already.

  • Log in or register to post comments
PROWNE
joined 11 years 3 weeks ago
08/28/2015 - 20:30
PROWNE's picture

Thanks! I noticed, however, that usr_share's lowercase Russian characters don't match the lowercase characters in the string in my post. I'm not sure if that's by design or not as I have absolutely no familiarity with Russian.

  • Log in or register to post comments
devurandom
joined 12 years 10 months ago
08/29/2015 - 23:17

Actually, some Russian characters have several forms. I used the italicized ones for a few characters, so that they wouldn't look so cramped. The open-source "Terminus" font does the same thing for its Cyrillic characters: A huge wall of Russian text, set in Terminus.

  • Log in or register to post comments
PROWNE
joined 11 years 3 weeks ago
08/30/2015 - 00:09
PROWNE's picture

Ah, okay, thanks for clarifying.

  • Log in or register to post comments
WolfTech
joined 9 years 11 months ago
09/01/2015 - 19:26

Thank you

  • Log in or register to post comments
Poshu
joined 12 years 4 months ago
09/27/2016 - 18:00

Thank you indeed, great font!

  • Log in or register to post comments
SjoCi
joined 8 years 2 months ago
02/15/2017 - 05:13

Hi, I extended PROWNE's version with two missing chars for Hungarian: Őő and Űű

Attachments: 
  • Log in or register to post comments
withthelove
joined 11 years 3 months ago
09/23/2019 - 11:01
withthelove's picture

 

Hi!  Still love this font!   In fact, I used it all over my entry into OGA's Summer 2019 Game Jam!

I did some tweaking, enlarged the numbers to 8x16 and also shrunk them to 8x8 and enlarged the characters to 9x15.  Packed the results into my submission for Miracle Math Land art but posting them here also so interested parties can get them without having to dig around.

 

Attachments: 
  • Log in or register to post comments
Kelvin Shadewing
joined 9 years 4 months ago
03/23/2021 - 22:01
Kelvin Shadewing's picture

I can't seem to find that first font in your profile. Am I just missing it?

  • Log in or register to post comments
RamifyArt
joined 10 months 1 week ago
07/07/2024 - 02:01

Vector Font - OTF
I am so much in love with this font that with the help of AI, Illustrator, FontForge and Python, I painstakingly converted it from bmp to a vector font. This now can be used everywhere, including Unreal Engine. 

If you want to use backgrounds other than white you will need to also use the Fill font and layer both.

15/07- Fixed space width issue. 

Good Neighbors - Outline 
https://www.mediafire.com/file/kgo9x77ux2vjkr7/Good_Neighbors_Outline.ot...

Good Neighbors - Fill
https://www.mediafire.com/file/tsedssdwofo8z5r/Good_Neighbors_Fill.otf/file

Supported characters:
!"#$%&'()*+,-./0123456789:;<=>@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~

АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдеёжзийклмнопрстуфхцчшщъыьэюяЄІЇЎҐєіїўґ

ÄäÀàÂâÁáÃãÅ寿ÈèÊêÉéÇçÎîÍíÑñÖöÒòÔôÓóÕõŒœØøÜüÙùÛûÚúŸÿ¿¡ß

  • Log in or register to post comments
Leicam Studios
joined 8 months 2 weeks ago
09/04/2024 - 14:59
Leicam Studios's picture

 Clint, I am very grateful for your contribution with the number font, which fit perfectly with the retro style of Tofu Quest. Your artwork was an important piece in maintaining the visual consistency of the game. Thank you so much for sharing your work on OpenGameArt.org! Retro Adventure and Unique Challenges! (youtube.com)

  • Log in or register to post comments
Leicam Studios
joined 8 months 2 weeks ago
09/26/2024 - 15:53
Leicam Studios's picture

 Your number font was essential for the final design of my game’s HUD. Thank you so much for making it available! It would be incredible if you could check out Tofu Quest and see your art in action!
Game Link: Tofu Quest - Google Play Store

  • Log in or register to post comments