Newer browsers and CSS3 lift some of the restrictions on the use of fonts on Web pages.

It is now possible to upload fonts to your server and then reference them in your Web pages. Alternatively, you can refer to existing font collections on other servers such as Google.

The advantage of using Web font embedding over the old Photoshop graphic approach text is that with embedded fonts, the text is able to be copied and pasted, searched, and can be read by search engines indexing your site.

Method 1 - Placing Fonts on Your Server

For this to work with all browsers, both .ttf (TrueType) and .eot (OpenType) fonts must be uploaded.

Font Squirrel is one of many sites that allow you to convert .ttf fonts to .eot for this purpose.

Method 2 - Using Fonts on Someone Else's Server

Google and Adobe provide Web fonts that you can use in your pages without having to upload copies of the font to your server. This saves space on your server and reduces the amount of work you have to do but it means that you have to rely on Google or Adobe to continue to provide the service for as long as you want to continue using the font.