53

If the 5x5 pixel font suggested by Cai and mayersdesign is still too large, you could try the 4x5 pixel font I made a few years ago for a challenge on another SE site. The original version included only the letters A to Z and the . and ! characters, but I just made an actual TTF version of the font (using an online tile-based font editor) that includes all ...


41

You go here: https://developer.apple.com/fonts/ (yes I know this is the official link - thing is: SF is a open type font, its just "hidden" deep in the downloaded package) Then you download the font. Then open the downloaded zip with 7zip. do all the following steps with 7zip: open the folder SFPro open the San Francisco Pro.pkg open the file Payload~ ...


33

You're going to have trouble with most fonts at that small a size. Some will have better hinting than others and be OK, but you're unlikely to find anything that perfectly works... What you really need is a font designed specifically to work at that size. Bitmap fonts are fonts designed as actual raster images for a specific size; Photoshop has bitmap font ...


31

Tex-Gyre-Heros is for me the best one. Enjoy it! Tex-Gyre fonts at GUST e-foundry home Install on Ubuntu: sudo apt install tex-gyre


27

One family I've recently noticed is the TT Chocolates and the Extra Light looks pretty close to what you need, but note the '1' in the image below is replaced with an uppercase 'i' (as suggested by Chris H in the comments below).


25

The font 5x5 which is happily free (for personal use), is made specifically for 5px font heights.


25

One very nice (if you ask me) option is IBM’s new set of fonts called Plex. The family includes both a sans-serif, a serif, and a monospaced variant, all with excellent distinctiveness (1/I/l and O/0 are easily distinguished and it has both dotted and slashed alternates available for zero), and the entire family is free and open-source.* At the moment, only ...


23

Some visual clues that will tell your users the O is a letter: If the O has thicker sides than the top and bottom. If the 4 is an old-style numeral that sits below the baseline. If the O is much wider than the number 4. One free font I found that has all 3 is Goudy Bookletter 1911: If that font looks too old-fashioned or unprofessional, you can either ...


21

My suggestion would be to make the number distinct from the letters instead of worrying about the O itself; maybe a different colour or size. Thereby implying that anything else is a letter.


20

Japanese In Japanese, a great candidate for Comic Sans is 創英角ポップ体 sōei kaku poppu tai. This font is extremely informal, is widely used (for example in leaflets in government offices, whatever), comes with Windows, is widely frowned upon (read: "hated"), etc. This is the font and this is what comes up as a suggestion when searching for it on Google:...


19

The closest open source licensed font to Helvetica Neue I have found is surprisingly GNU FreeSans. Below is a sample from Inkscape, with FreeSans at the top and Helvetica Neue at the bottom. The glyphs are nearly identical, some are a little closer to original Helvetica. The spacing varies slightly (at least in Inkscape). The biggest difference I can see ...


19

The "web-safe" is a little arcaic concept. It is more likely that your site dissapear before google stop supporting the fonts it has listed. So any alternative to other "google fonts" has no sense. If you want to complement your style use: font-family: "Roboto", Arial, Helvetica, sans-serif;


18

Vernon Adams has a very nice alternative, named Anton: https://www.google.com/fonts/specimen/Anton As he said in other page: "see Google's PR for the Chromebook notebooks that used Anton, big and bright".


18

Assuming this is meant for use as a logo, where you have a bit more leeway in tools at your disposal, I'd suggest focusing on contrast between the number character and the letter characters. This could include: different fonts (ie. Helvetica v. Bodoni) different colors different scale different weights (ie. light v. bold) different styles (ie. italics v. ...


16

Google's TrueType fonts Noto Emoji (284.4 KB) and Noto Color Emoji (6.5 MB) are very good.


16

Step 1: Download the font package from Apple. https://developer.apple.com/fonts/ Make sure to download the regular fonts and not the compact fonts for watchOS. The download will have an annoying .pkg file that Windows users will be unable to open immediately. That’s okay. Step 2: Download and install 7zip http://www.7-zip.org/download.html This will ...


14

Open sans emoji should work Here is a link to a github repo https://github.com/MorbZ/OpenSansEmoji


14

Unfortunately Apple aren't too concerned with Windows users. They expect everyone who is designing for Mac to use a Mac. And since the San Francisco font has been created with specific features only available for Mac it is only available on Mac and unlikely to be available on Windows any time soon (unless someone decides to hack it, which is a possibility). ...


14

Berkelium 1541 is a TrueType conversion of the proportional pixel font used by the GEOS operating system on the Commodore 64 to label files and other icons on the desktop. The text Berkelium 1541 / ISDN E18 scaled up 4 times in that font:


14

Capitals with curves are designed slightly larger than the other letters to counteract an optical illusion, which otherwise would make those letters look too small, even though in reality they wouldn't be. Here is an example. The top image is the original unaltered font. The bottom I have altered to make the top and bottom of the C match the letters A and E ...


14

You can try some version Bernhard Gothic. This is Extra Light: It's not free and clearly it has different curves than the tube photo. I guess in your application idea the whole presentation with glows and tube frames will be more important than exact curve forms. It should be enough that the glyphs are plausible, technically possible to be and work in a ...


13

For a Helvetica Neue Condensed, you can have a look at the webfont Archivo Narrow: https://www.google.com/fonts/specimen/Archivo+Narrow For the Helvetica Neue Black version, this version of Archivo Black is not bad either: https://www.google.com/fonts/specimen/Archivo+Black For the other Helvetica Neue like the standard one, other answers have been ...


13

I think the best approach is to use the advanced search tool on your web font service. For example, if you're using Google Fonts, you'd search for "Latin Extended" fonts, and use "ā a" as the test text, to confirm that it contains the macron'd a in the font.


12

I know this question is a bit old but no one mentioned Emoji One It's CC-BY 4.0. As of version 3 they are no longer CC BY 4.0... You can still download the last version 2.2.7 commit here but it's from 2016........


12

For what it's worth, I found something for chinese that seems to be their equivalent of Comic Sans, at least to their designers. Because as for Comic Sans, people seem to actually love the font and use it everywhere... except designers. The font is called "Young Lady Font" but Google often translate it to "Girls Body" and I've also seen them call another ...


10

A good free alternative is TeX Gyre Heros - you can get it from Font Squirrel. I'm a Windows user, so I end up relying on this one quite a lot. The only downside is that you're limited to Regular, Italic, Bold and Bold Italic and their condensed varieties, so if you're looking for a variety in weight, this might not be the one for you. I hope this helps!


10

Your requirements are somewhat contradictory, potentially even mutually exclusive. You specify sans serif as a requirement, but the thing that distinguishes the similar characters in your example is the serifs. That said, there are probably some typefaces out there that would be a reasonable compromise. My first suggestion would be Anonymous Pro : https://...


9

For those who are still struggling with this. Georgia version 5.57 (not sure if in previous versions) has support for Lining Number Forms. This can be accessed in Microsoft Word by going to Character → Advanced → Number Forms → Lining. It can be accessed in Adobe InDesign in the Paragraph Style Options → OpenType Features → Figure Style → Proportional (or ...


Only top voted, non community-wiki answers of a minimum length are eligible