Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I have a timer running on a video overlay in a mobile application. The font used throughout the app is GothamNarrow-Book.

While it looks nice, it is distracting to see the running timer constantly changing its width. Here is a sample of what the font looks like:

enter image description here

I'm open to all suggestions.

share|improve this question
add comment

2 Answers 2

up vote 2 down vote accepted

You don't need a different font, what you need is to use lining or tabular figures, which are numbers designed to line up with each other when displaying data. Apparently Gotham has tabular figures, you just need to activate them through openType.

share|improve this answer
add comment

Check out Source Code Pro at Google Fonts.
It's a broad family with an accompanying non-monospace font: Source Sans Pro. The two make up a very well-designed system from veteran type designer Paul Hunt.

enter image description here

share|improve this answer
    
Looks good but I'm not sure how the 0's with the dots in the middle will go over with everyone here. –  Tyler Pfaff Mar 12 at 0:48
    
As the name implies, it's designed to work well for code. Slashed or dotted zeroes are common now since monospace fonts don't have many other uses. Tabular figures, of course, are another matter. –  plainclothes Mar 14 at 2:22
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.