Custom fonts with @font-face

[Renovotec]

Hi all.

I'm trying to add our new company font to the website but i cannot get it to work no matter what i try.

The instructions are located here:

http://onlyrugged.com/acatalog/MyFon...StartHere.html

These are from myfonts.com, who have provided us with the license.
Now i have tried adding the folder which contains all of the files to our root folder locally and uploading the site, i've tried FTPing to the root folder, to the 'httpdocs' folder, and to 'acatalog' but all with no avail. I've tried adding every file one by one and keeping them out of the folder but this has also failed. The font css is kept in a seperate stylesheet but when i have copied the code from this css file into 'actinic.css' this also fails.

Following the instructions word for word, i managed to install the font on a test mobile site i am creating which is hosted on the server, you can see this page here : http://www.onlyrugged.com/Mobile/index.html . (the capital M is necessary). The font is loading perfectly well here, so i'm at a loss how to implement it properly in Sellerdeck. I've tried specifying it inline with !!<<span style="font-face: Borda-Regular;">>!! and by .class assigned to the element i want the font for.

Has anyone managed to implement a custom font in this way and could help me?

Thanks,

Oliver

[mediamole]

I would recommend this as an alternative as better supported

http://cufon.shoqolate.com/generate/

[mediamole]

See http://www.filtamagic.com the logo and sales slogan uses the method mentioned above

[Renovotec]

thanks for your replies. Could you explain how i would go about installing the font? i have the 2 .js files needed and placed in the header however my text is not changing? i've added a class of 'newfont' to the paragraph i'd like changing on the homepage (onlyrugged.com)

[mediamole]

Assuming you're using the solution I suggested. before the </head> in your layouts you'd add code like this:

   <script type="text/javascript" src="cufon-yui.js"></script>
    <script type="text/javascript" src="KozGoPro-Medium.js"></script>
    <script type="text/javascript">
    /* <![CDATA[ */ 
    Cufon.replace('HTML tag or class or id wish to target', { fontFamily:'yourFontName'});
     /* ]]> */ 
  </script>

i.e.

    Cufon.replace('h2', { fontFamily:'KozGoPro-Medium'});

Would replace any H2 tag with KozGoPro-Medium font

<script type="text/javascript" src="KozGoPro-Medium.js"></script>

KozGoPro-Medium.js would be the name of your output file used to create your font using cufon