77

I still think that for web, the best free option out there is Liberation Sans. It renders perfectly with @font-face. But you can get Helvetica Neue for web from Fonts.com for web use for a fair price too. I would probably use font-family:"Helvetica Neue, Helvetica, Liberation Sans, Arial, sans-serif"; so those pcs with the font installed can see it, and ...


52

Roboto is a good neo-grotesque sans that can replace Helvetica. Commissioned by Google and released for free. Used as Android's default font. Google re-designed Roboto in July 2014. The above sample has now been updated. More about Roboto's (pre-redesign) similarity to Helvetica here. I wouldn't overstate its similarity, but I would say it's a good ...


34

The situation has changed since this question was first asked in 2012. There is now an OFL-licensed, completely version of DIN called Alte DIN. This is legal because DIN 1451 is a product of the German government and is so in the public domain, only the individual interpretations of it by various font foundries are protected and copyrighted. Thankfully ...


29

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


22

PDF is a complex standard that includes a huge number of features, and the kitchen sink on top of that. Not all of those features are conducive to print production (for example, hyperlinks). PDF/X requires that your document is prepared for print. That is: All fonts are embedded in the file All images are in CMYK or in spot color mode, OR contain color ...


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


16

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


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

These look similar. I hope they'll work for you. http://www.fontsquirrel.com/fonts/TeX-Gyre-Heros http://www.google.com/fonts/specimen/Lato


8

First.. there is no such thing as a "standard" PDF. What does that even mean? What is a "standard" pdf??? If anything, there are "PDF Standards" which is the PDF/X format. PDF/X-1a comes with some valuable restrictions on the data it can contain. All color must be greyscale, CMYK, or Spot colors. RGB data is not allowed in a PDF/X-1a file. All fonts must ...


6

There's an open source DIN-inspired font called Gidole:


6

Everyone's been giving you names of fonts that look similar to Helvetica (some more than others) but depending on what kind of project it is that you're working on you might not need any of those. Unless you need something that looks almost exactly like Helvetica, Arial might be an option you should consider. It comes pre-installed in (almost?) every ...


6

I want to make sure my design will look on the web exactly as it does in Photoshop or InDesign You can't. The reason is that there is no one 'exact' way your site will work on the web to begin with. Every browser, every operating system, every end-user preferences, every screen, every hardware will bring to the table some variance. This is why so many ...


6

If by "web safe" you mean common on all platforms, then No. It is not. You will have to use @font-face with a web and/or app license.


6

Use the actual character. The disadvantage to using entities is readability. Pop quiz: what does the following output? †‹ some text › Without looking it up, I would have had no idea. Even if you did, you should consider that others reading your markup might not. For the most part, there's no reason you shouldn't just use ...


5

The best tools for testing how a website will look on different platforms are actually using the different platforms themselves. That means owning all the devices and using all of the relevant operating systems and browsers that your users will use. The pros are that every option is tested (if done correctly). The cons are that it can be relatively expensive ...


4

Make certain the artboard itself is aligned to the pixel grid. If the artboard is not sitting on an exact pixel, then the art on the artboard is not on exact pixels. Switch to the Artboard tool and make certain the artboard is aligned to the pixel grid.


4

This may not resemble Helvetica that much, but I did find a font called Montserrat which you can download from FontSquirrel.


4

I had the same question, I settled at CartoGothic-Std after reading the following article: http://www.onextrapixel.com/2011/06/29/10-awesome-alternative-free-web-fonts/ The font's download link: http://www.fontsquirrel.com/fonts/CartoGothic-Std


4

Vegur has a @font-face (as well as Cufon) kit at http://www.cufonfonts.com/en/font/12046/vegur. Browser support has advanced to the point that most people will be able to see the font used through @font-face even if they don't have the font installed, as long as the font is hosted on the server.


4

Cabin is a pretty good free alternative to DIN. Well, it may be fairly different in design but bear with me - sometimes it can feel as if it is similar: DIN: Cabin: Dosis is a pretty good free alternative to FF DIN Round if you were interested in a rounded version. Also, League Gothic could be a decent alternative to DIN Engschrift (ie DIN "compressed") ...


4

Here's a bolder version inspired by DIN: ROPA SANS - https://fonts.google.com/specimen/Ropa+Sans


4

The good one is Neue Haas Grotesk, but if you need a typeface only for headings I can propose my own typeface :) Take a look on this image.


4

Little surprised by some of these responses not addressing the bigger issue.... Unless I'm totally missing something here... Asking if Photoshop will or won't work with web fonts is like asking if you can surf big waves in your Honda Civic. They're not even the same realm. ANYTHING you do in PS, at some point, is gonna be spit out as an image of some kind....


4

Nope. Maybe. Probably not. First of all, for the people in doubt, you most certainly can use webfonts in Photoshop, if you're able to download the required font formats. This allows you to get an idea on how your type is going to look on the web, not an exact representation. Why? Well, simply put Photoshop and InDesign offer some tools that browsers do not ...


4

Is your artwork still in vector format? Your last uploaded logo looks pretty good but you may find something useful below. Saving file as a JPEG or PNG First go to file - save for web. I would suggest saving at high (Just remember that the higher the quality, the longer the load time for a web page). If your working file is a vector then you can export at ...


3

Try Gesta from Typekit. I's very similar. https://typekit.com/fonts/gesta


3

For Uppercase, Oswald seems good option available at Google Fonts http://www.google.com/fonts/specimen/Oswald


3

The closest I've found so far is "Raleway" on Google Fonts (http://www.google.com/fonts). I usually use the light 300, 200 or 100. Not exact, but as close as I can find at the the moment.


3

Summary If your server dishes out pages with ligatures (like smartypants does), search engines are inconsistent. Bing currently doesn't index the ligatures right. I'd say in general, it's asking for trouble. Since search engines change, there's a method below you can use to test how search engines you're interested in index ligatures. If your server dishes ...


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