Witajcie.

Napotkałem problem ze wstawieniem 2 niestandardowych czcionek przy użyciu @font-face.

1 czcionkę udało mi się bez problemu ustawić, ale chcę nadać tytuły h3, h2 etc. inną czcionką.

Spróbowałem coś takiego: ale wstawia drugą czcionkę wszędzie...

Wstawiłem takie coś - nie działa:

[HTML] pobierz, plaintext 
@font-face { 
	font-family: 'Humnst777L2Roman';
    src: url('tt0857i_-webfont.eot');
    src: url('tt0857i_-webfont.eot?#iefix') format('embedded-opentype'),
         url('tt0857i_-webfont.woff') format('woff'),
         url('tt0857i_-webfont.ttf') format('truetype'),
         url('tt0857i_-webfont.svg#Humnst777L2Roman') format('svg');
		 src: url('batmfa1-webfont.eot');
    src: url('batmfa1-webfont.eot?#iefix') format('embedded-opentype'),
         url('batmfa1-webfont.woff') format('woff'),
         url('batmfa1-webfont.ttf') format('truetype'),
         url('batmfa1-webfont.svg#BatmanForeverAlternateRegular') format('svg');
}
 
body
{ font-family: 'Humnst777L2Roman'; }
h2, h3 {font-family:'BatmanForeverAlternateRegular';}
[HTML] pobierz, plaintext 

Wynik jest taki, że zamiast humnst wyświetla się ta druga czcionka wszędzie...

gdzie robię błąd?

Dzięki za pomoc lub link. Szukałem w necie, ale nie znalazłem podpowiedzi.

@font-face deklarujesz dla 1 czcionki tylko.

http://www.css3.info/preview/web-fonts-with-font-face/

[CSS] pobierz, plaintext 
@font-face { font-family: Humnst777L2Roman; src: url('Delicious-Roman.otf'); } 
@font-face { font-family: BatmanForeverAlternateRegular; font-weight: bold; src: url('Delicious-Bold.otf'); }
[CSS] pobierz, plaintext 

Poza tym za dużo tych deklaracji dajesz, wystarczy jedna.

O, dzięki.

Próbowałem tak, ale za pierwszym razem nie wyszło.

Użyłem takiego kodu - działa pięknie :

[HTML] pobierz, plaintext 
@font-face { 
	font-family: 'Humnst777L2Bold';
    src: url('tt0859i_-webfont.eot');
    src: url('tt0859i_-webfont.eot?#iefix') format('embedded-opentype'),
         url('tt0859i_-webfont.woff') format('woff'),
         url('tt0859i_-webfont.ttf') format('truetype'),
         url('tt0859i_-webfont.svg#Humnst777L2Bold') format('svg');
 
}
@font-face {
    font-family: 'BatmanForeverAlternateRegular';
    src: url('batmfa1-webfont.eot');
    src: url('batmfa1-webfont.eot?#iefix') format('embedded-opentype'),
         url('batmfa1-webfont.woff') format('woff'),
         url('batmfa1-webfont.ttf') format('truetype'),
         url('batmfa1-webfont.svg#BatmanForeverAlternateRegular') format('svg');
}
[HTML] pobierz, plaintext 

Dzięki - zamykam temat.