How to define fonts with @fontfacem not from Template panel?

Hi,
how can I define fonts in my override.css so I can use it later. I know I can do that from Template panel but I'm limited there with styles and stuff.

I have my fonts generated from Font Squirrel. I have them unzipped to /fonts/(font-name). Now when I enter the code from stylesheet.css that I got from the generator in the override.css its not working. What is the path to the font that I supposed to enter?
Here is the css code.

Code: Select all


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

}

Thanks,
Gorast

Hi

Path should looks like this: "../fonts/(font-name)"

But more accurate would be to load this fonts in /layout/blocks/head.php by putting a line like this:

<link rel="stylesheet" href="templates/(template-name)/fonts/(font-name)/stylesheet.css" />

Thanks,
Gorast