With the rise of CSS3 it is now possible to add different fonts to your website. Instead of just using one of the web-safe fonts which we have come to love you can now embed any open-type font ( .otf ), and it is really easy.

First you have to define your font using @font-face like so

@font-face {
 font-family: FontName;
 src: url('fonts/FontName.otf');
 }

and then you just use it like any other font for example

font-family:FontName, Arial, Verdana, Helvetica, sans-serif;

One thing to remember though is to check if you are allowed to embed the font.