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).


17

A "web font" is just a font used on the web or on the browser. What these web font generators do is just make your life easier by giving you the necessary css for serving the font to your visitors and converting your font to all file formats you need to make sure the font works cross-browser. Some fonts are considered "web-safe" simply by being so common ...


13

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 ...


6

You can embed Google Web Fonts into your SVG directly using Nano. It automatically scans your SVG and selectively embed only the fonts required, ensuring that your Ubuntu fonts look the same on all modern browsers. In my case, I needed Roboto to be embedded in my SVG: Disclaimer: I'm with the team behind Nano, and we too, have faced the same problem ...


4

Possibly worth looking at https://www.myfonts.com/fonts/kinobrand/nixin?tab=glyphs which appears to have been designed as a 'nixie alike' font. Though it puts a foot on the '1' in ultralight(but not on other font weights) and has a closed '4'. And of course it is not free. Of course it depends where your nixie tubes were made... if they are genuine Nixie or ...


4

Here are a few options that you may find useful: Code Light Regular NeutraTextTF-LightAlt Brandon Grotesque Thin Gotham Thin


3

I did some more detailed research after asking this question, and so am adding this answer as a sort of addendum to Joonas', which was good but didn't answer my last question in enough detail for me: If the primary use of these services is the conversion to different formats, what formats are actually needed on the modern web to support a reasonable ...


2

At my work I create assets for web. We have been saving images that are 686 x 391 px. I’ve noticed that the quality of images with text isn’t as good. Always use a lossless compression format throughout your workflow. If you want to try your final output in .JPG, particularly if there's anything more than a vector illustration, then use a very low amount ...


1

I don't know the exact font but I have a few ideas for your project (would really like to know what font it is though): Period accurate geometric sans serifs for a jumping off point: Univers - 1957 Futura - 1927 Also a condensed geometric font like Gotham Condensed (based on Futura but made in the 2000s) may give you the effect you want. For the nixie ...


1

Not much. WOFF is nothing else but a compressed format for TTF, resulting in smaller size. The internals don't change. WOFF2 goes a little bit further, it does modify the font representation slightly to eke out a bit more compression. EOT, being a MS-only format, doesn't count at all. SVG is practically contours only, hardly more, so it doesn't count as a ...


1

In addition, if you need to open and edit font files, or convert them, some online services can't do this from the .eot format. A tool that can is Fontlab's TransType.


1

UPDATE to my answer. I now prefer a different answer on this page, which is to use Nano: https://graphicdesign.stackexchange.com/a/121950/45239 Assuming you've downloaded and installed a web font on your system and have created an SVG (maybe using a lot of the same steps as I describe below but not choosing "Font: Convert To Outlines"), you can upload the ...


1

Updating to Adobe 2019 fixed the problem.


1

Isn’t as good As good as...? Are you comparing the text on the image with a similar text on the webpage on the same size? The real text displayed on a webpage has subpixel detail, which makes it sharper than an image that only has full pixel values. That is why Rob's option: Why not create the image without text, and use CSS to overlay the text on the ...


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