How to add special fonts to a website?

Use CSS @font-face property to import your font

@font-face {

font-family: "Your Font";

src: url("http://yoursite.com/font.ttf%22);

}

body { font-family: "Your Font";}

Everyone here has already made the point, but I'll iterate. Is it possible? Yes. Fonts can be embedded into a site, but whether or not this works is dependent on the viewers browser, operating system, firewall, etc. etc... (the first link I posted shows you how to embed fonts in HTML using CSS) Is it practical? No. There are too many what-ifs, and barriers, making embedding a font a serious PITA. What else can you do? Start by replacing the headers and titles with images depicting the font you want to use. In the HTML, use titles and alt attributes for users using devices that do not enable image viewing. Then use a common font for the body text. Using CSS allows you to designate your preferred (primary) font, and if the user doesn't have it, it uses font B, then font C, then font D, until it finds one they have. List the font you want to use as the primary font (first in the list), who knows, someone might actually have it. And if they don't, make the back up something common like Arial or Times New Roman. (the second link I posted in sources will show you how to do this) ==== A lot of web designers cry "discrimination" if god forbid you use a font that isn't common, or a layout that makes it difficult for some users to view or navigate. If your website is for strictly personal use, and isn't an official business website, screw the standards and do what you want. It's almost 2010, people should be using computers with AT LEAST 1024x768 resolution, and they shouldn't be using a dinosaur browser like IE 6. If they are, THEIR BAD. We worry way too much in the country catering to the lowest common denominators, it's pathetic.

Sorry, but both Answers are wrong. IE supports the WEFT method where fonts can be embedded, but other browsers require a different method to embed fonts which isn't that popular:

Trying on cufón: http://www.sitepoint.com/newsletter/viewissue.php?...

sIFR 2.0: Rich Accessible Typography for the Masses: http://www.mikeindustries.com/blog/sifr/

Dynamic Text Replacement: http://www.alistapart.com/articles/dynatext/

Quick and easy solution is to use your graphics editor and make the text in your favorite font as an image. Of course, this doesn't make the text Search Engine friendly.

Ron

The users have to also have the font installed in their system. Else, displaying the web page uses the default font.