Web Safe Fonts

Are these accurate for web-safe fonts? Designer sent design with Futura and don’t remember that being web-safe.

Common fonts to all versions of Windows & Mac equivalents (Browser safe fonts) - Web design tips & tricks
16 Gorgeous Web Safe Fonts To Use With CSS | Web Design Dev

Thanks so much in advance!

If a font isn’t commonly used by various OSes, these days you have the option of using 3rd party services to serve up fonts, such as here:

Futura web font family | Fontdeck

It works really well.

Interesting…this doesn’t slow down the site or anything like that? No problems? Do you have an example of a site where you used this?

Not that I’ve noticed. The fonts are served from site that are optimized for fast delivery. Occasionally there’s a eye-blink delay as the default font loads before the linked one.

Do you have an example of a site where you used this?

Not that font, but a large number of sites on the web use these web fonts now. The fontdeck site itself uses them, so that’s a good way to see them in action.

Thanks so much, Ralph.

Have you seen this page with the “16 Gorgeous Web Safe Fonts”? Are Century Gothic and others really web safe?

I can only take that’ guy’s word for it. At least some of these fonts are very commong to MS Office on various platforms, so perhaps there’s an assumption that most people have that installed? I’m not sure. To be safer, you can use a web font served by a 3rd party provider, or serve up the font yourself via @font-face (using FontSquirrel to get the files in order), to be reasonably sure the end user will get it.

I did a lot of research on this topic and wrote about it. I also did follow-up articles about [URL=“http://sixrevisions.com/web_design/a-comprehensive-guide-to-microsoft-vista-fonts-for-designers/”]Vista and [URL=“http://sixrevisions.com/web_design/a-web-designers-guide-to-linux-fonts/”]Linux fonts, with some revised font stacks. (The first article’s suggested stacks are somewhat bloated.) It’s a far more complex situation than just going “Helvetica, Arial, sans-serif” or whatever. You have to account for Mac and Windows users, and their fonts often fail to overlap. Linux users ought to be accounted for, out of fairness if nothing else, and if you want to use the Vista fonts, that takes some finagling in and of itself. Even if you choose to use the FontDeck/FontSquirrel technique, you should have backup handy, and that’s where your stacks come in.

I wouldn’t put too much stock in that blog post you found. Some of the fonts in the article are common to either Windows or Mac but not both, and the guy paused in the middle of the article to hawk a sitebuilder. :stuck_out_tongue:

Thank you both.

Black Max, thanks for the resources!

That first list I’ve used for years and found it very accurate. The second one looks off.

Of course, Max’s is the most up-to-date of the bunch. =p

The best things about the articles I wrote are the sources linked therein. More info in there that you can shake a descender at.