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?
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;
}