How to use fonts which are not present in client system to build web site?

Question

I was trying to create my portfolio website and wanted to use some fonts like "Myriad Pro" and "Gotham" (Source : http://www.inspirationbit.com/16-best-loved-font-bits-in-web-design/) .But i dont think those fonts will be in the client machine for the browser to support it.I am wondering how can i use these stylish fonts in my website ? Any workaround ?

Answer 1

Check out the Google Webfont API. Since "Myriad Pro" and "Gotham" are not in the standard Google Font Directory, you'll also have to take a look at the Webfont Loader.

Another option if this won't work is sIFR, a text replacement technique.

Using CSS3 is also an option, although it may not be supported in older browsers.

Answer 2

Google has a beta project called the Google Font API, which lets you include fonts that won't necessarily be present in the client machine. But it doesn't have a long list of supported fonts yet.

There's also a company called TypeKit that has a paid service to do something similar, with a larger set of fonts available.

Answer 3

FontSquirrel gives you some packages that can help. You can even upload your own font and download that as a package. Works on most browsers too :)

Don't forget to buy the font though, most are copyrighted.