The upshot of using CSS @font-face for custom fonts:

First, grab your font in all possible formats. Font Squirrel has a generator:

Put those files somewhere relative to your CSS file. For this example, I’ll use font/ in the same folder as the CSS.

Then just use “Font Name” as your font family, just like normal:

Some people (including Font Squirrel) use the local declaration and a 2-byte unicode character (popularly: a smiley face) instead of that second .eot line, to fix some rather uninteresting IE quirkiness. Basically, this line:

becomes this: