How to I embed a font?

I'm trying to use the font Lane Narrow in my titles, but since it isn't websafe I have to embed it. I tried just uploading the .tff to "Files" and linking to it in the css, but that didn't work. How should I go about do this?

The files directory is mainly for image derivatives that Omeka generates. You want to go into your theme directory and create a "fonts" folder and set the relative paths in your css accordingly.

If you want to see an example, here's a theme I worked on that used a custom iconfont: https://github.com/kimisgold/bridgingcultures. You can see the directory setup, with all my font files in the "fonts" directory, and then the first lines of css/style.css look like this:

@font-face {
    font-family: 'IcoMoon';
    src: url('../fonts/IcoMoon.eot');
    src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IcoMoon.svg#IcoMoon') format('svg'),
        url('../fonts/IcoMoon.woff') format('woff'),
        url('../fonts/IcoMoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}