Hot answers tagged

50

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


49

Mostly you have nothing to worry about. An extraordinary majority of visitors to a site will be able to support more than 256 colors these days. If for some reason your userbase is likely to have a higher than normal proportion of members using systems from the early 90s, then you might want to consider it.. but in any typical scenario it's no longer an ...


36

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


31

You might be able to find something similar in the Google Fonts directory. All you have to do is include their link in your html page's head and you can use the fonts in your CSS. PT Sans is pretty similar (compared to the rest of the list)


19

According to Wikipedia Myriad Pro is bundled with Adobe Reader not with Windows. And a quick Google search shows you can use it on the web using Typekit (with a $24.99/year subscription): http://typekit.com/fonts/myriad-pro


17

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


15

Short answer: No. Long answer: The average user has a nice enough graphics card/monitor that "web-safe" is no longer an issue.


14

If your website targets the designer crowd, many of them will have the Adobe Suite installed (don't ask by what means). Kottke.org uses it without css embedding, and this is his font family rule: font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;


13

I don't know how close you need to come to the DIN typeface, but I found a couple possibles on Google Web Fonts. Using the letters aGgQqlJ to narrow down the letter shape matches, I found: Wire One - http://www.google.com/webfonts/specimen/Wire+One The lowercase letter shapes are quite similar. The overall font is a bit more more condensed than DIN and ...


11

Tex-Gyre-Heros is for me the best one. Enjoy it!


7

A free font that is very, very close: Vegur The character support isn't the best, but if it's only for headlines and it really has to be Myriad, then the extra effort of @font-face-ing it may be worth it.


6

Way back in the early nineties most graphics cards (including those on £20K SGI Indy 'graphics workstations') did not have enough memory to render hi-res, true-color images. The work around was to use 256 colours that worked with a look up table and dithering algorithms. The 256 colours of the 'look up table' could be any of the 2^24 colours you get with ...


6

Back when the internet (and computers) was new, screens didn't have the color support they currently have, we've got 24 or 32-bit colors now, where we used to have only 8-bit color. Because some computers couldn't display certain colors (only 256 (2^8)), if a color that wasn't one of those web-safe ones was used, the computer would attempt to display the ...


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


6

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


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

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


5

You have various choices: One day in the future you could use @font-face loading any font that you want (which license is free to distribution). If you use it only for titles, you could use the SIFR technique that use flash, or a simple Image Replacement technique Or you could use, like already suggested payment hosting servers for font Typekit.


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

Unfortunately, none of the "true" web-safe fonts really fit your description (W3Schools has compiled a useful list of safe options: W3Schools page on web-safe fonts). What you could do is use the @font-face rule, it's widely supported nowadays and pretty easy to implement: http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp My favourite old school ...


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


4

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


4

MgOpen Moderna is pretty close:


4

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


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

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


4

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.


3

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


3

On my Windows 7 installation (with MS Office 2010 installed) I have these fonts that are the closest match: Lucida Sans, Segoe UI, Calibri , and then the generic font sans serif as the last fallback. CSS for this would be: font-family: Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif;



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