I'm working on building a sea trading game, with a number of ports that you visit. Right now I am in the very early stages of making the game, using very primitive graphics. Today, I assigned names to each city, and display those names by the city, as below.

There's a few things that I'm going to do with the text, including center it, have it above or below the port, and possibly some other stuff that I haven't fully figured out yet. But the first problem I'm tring to manage is using a font to achieve better contrast. If at all possible, I would like to use the native text functions, which uses TrueType Fonts and OpenType Fonts. The typical way I've seen people address this question of visibility is with a light on dark, or dark on light, font, with essentially two colors. I've never seen a font like that, and I'm having difficulty finding one. What exactly am I looking for to achieve this? Or do I need to do something more drastic, that I'm not seeing right now? I would be more than happy with just a term for the font. For reference, I'm looking for something like the font at the end.

enter image description here

enter image description here

  • 3
    I think the key is to use a drop shadow or stroke around your text so it can show up on any background, that's how the provided screenshot handles it. – Hanna Mar 23 '16 at 21:04
  • So am I then resigned to making a custom font? Ideally I would like to use an existing one, free or even reasonably cheap, and not have to mess with such things... But, well, if that's what I've got to do... – PearsonArtPhoto Mar 23 '16 at 21:06
  • 1
    It depends what you're building your game with. On the web for instance it's trivial to add something like this, but at that point I think this question trends away from graphic design and more on tech support for whatever software you're using. – Hanna Mar 23 '16 at 21:07
  • It's using Unity, for whatever that matters, but I am looking for a general solution, should I encounter such a problem again... – PearsonArtPhoto Mar 23 '16 at 21:08
  • 3
    Just draw your text twice - first at (x+1,y+1) in black, then at (x,y) in your own favourite color. (That is assuming +1 is a one-pixel offset in your game engine.) – usr2564301 Mar 23 '16 at 21:29

Your Answer

By clicking "Post Your Answer", you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.