Własna czcionka na stronę www - problem

[Xaoo]

Witam. Mam problem ze wstawieniem własnej czcionki. Tak mam napisane w CSSie:

Kod:

@font-face {
    font-family:opal;
    src:url(opal.ttf);
}

Kod:

h1 {
    font-family:opal;
    font-size:24px;
    letter-spacing:1px;
    color:#b5ebed;
}

Wiadomo, w htmlu mam <h1>tekst</h1>. Oczywiście wyświetla się domyślna czcionka a nie ta wybrana. Font jest w folderze strony (w dobrym miejscu).

[Engine]

Ja bym użył cufon:

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

[Xaoo]

No właśnie, tylko co ja mam z tym zrobić po generacji czcionki? Jak jej użyć na stronie?

[Dhofca]

masz wszystko napisane w dziale 'documentation' na stronie Cufon. Również polecam to rozwiązanie.

[Engine]

Np:

Musi być obowiązkowo masz w "Download"

Kod:

<script type="text/javascript" src="js/cufon-yui.js"></script>

Teraz wygenerowane fonty (nazwy dowolne):

Kod:

<script type="text/javascript" src="js/Century_Gothic.font.js"></script>
<script type="text/javascript" src="js/dekorat_400.font.js"></script>

Wskazujemy gdzie mają być użyte nasze fonty:

Kod:

<script type="text/javascript">
    Cufon.set('fontFamily', 'dekorat').replace('.title h1')('.menu h2');
    Cufon.set('fontFamily', 'Century Gothic').replace('.entry')('.menu2 h3');
</script>

np:

Kod:

<div class="title">
<h1>Tytuł</h1>
</div>

Chyba więcej do szczęści Ci nie trzeba.

[Pedro84]

Zacznijmy od tego, że źle deklarujesz font face...

To jest poprawne rozwiązanie:

Kod:

@font-face {

    font-family: 'DroidSansRegular';

    src: url('../fonts/DroidSans-webfont.eot');

    src: local('☺'), url('../fonts/DroidSans-webfont.woff') format('woff'), url('../fonts/DroidSans-webfont.ttf') format('truetype'), url('../fonts/DroidSans-webfont.svg#webfontPQ4tPnyo') format('svg');

    font-weight: normal;

    font-style: normal;

}