Witam,

Niektórzy mogą znać deklarację w CSS "@font-face" za pomocą której można doczepić czcionki niestandardowe.
Mój problem dotyczy dociągnięcia pod FireFox10.

Oto moja bibliografia tematu (całość):

SOURCE:
http://onlinefontconverter.com/
http://www.fontsquirrel.com/fontface/generator
http://paulirish.com/2010/font-face-gotchas/#smiley
http://www.fontspring.com/blog/the-new-bul...ont-face-syntax
http://blog.themeforest.net/tutorials/how-...t-face-support/
http://paulirish.com/2010/font-face-gotchas/#smiley

Zatrzymałem się na kodzie

[XML] pobierz, plaintext 
@font-face {
	font-family: MythProRegular;
	src: local('˘'),
		 url('fonts/MythProRegular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/MythProRegular.ttf') format('truetype'),
		 url('fonts/MythProRegular.woff') format('woff'),
	     url('fonts/MythProRegular.svg#MythProRegural') format('svg');
    font-weight: normal;
    font-style: normal;
	}
[XML] pobierz, plaintext 

O czym wiem napewno:

FF nie lubi relative path
FF podobno w tej wersji 10 obsługuje ttf jak i woff
Hack local(smiley) aby użyć źródeł zewnętrznych czyli moje fonty
W .SVG po # podajemy id czcionki

Powyższy kod dziala mi pod IE(9) oraz chrome(17.0.963.56 m), FF za chiny nie chce ruszyć.
Kod ma działać na nowym WordPress 3.2.1
FireBug raportuje błędy/ostrzeżenia:

"
downloadable font: format not supported (font-family: "MyriadProRegular" style:normal weight:normal stretch:normal src index:1) source: http://xxx/wp-content/themes/...ular.eot?#iefix
error source line:
...gular.eot?#iefix") format("embedded-opentype"), url("fonts/MyriadPro-Regular.ttf...
"

Dziwne bo formatem wyjściowym do generowania czcionek była ta z ttf więc raczej pliki mam w porządku.
Próbowalem też tylko z ttf w font-face bez skutku.
Moje próby zrobienia tego bullet proof nie udały się. Z góry dzięki za pomoc.

A może spróbuj użyć cufón powinien ładnie chodzić.

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

Próbowałem ale efekt mnie nie zadowolił, czcionka jest rozmyta niestety co nie wygląda zachęcająco. Komuś się udało tą kwestię rozwiązać z @fotn-face bez angażowania w to JS?

Witam.

Używałem font-face np. w tym projekcie http://vikersonn.pl/.

Patrzę u siebie na FF 10.0.1 @ openSUSE 11.4 i renderuje.

Tu masz plik css w /fonts pliki .ttf i .eot.

Mój błąd, używałem komercyjnej czcionki i FF przez swoją politykę praw autorskich nie zezwolił na jej użycie (taka jest moja teoria po wygenerowaniu w ten sam sposób czcionki darmowej), prawdopodobnie pliki mogły też zostać zmienione przez generator, który raportował, że ta czcionka jest chroniona.