Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Własne fonty @font-face
Pozycjonowanie i Optymalizacja > Projektowanie stron > HTML i CSS
papieros
Czy ktoś walczył z uploadowaniem własnych fontów metodą

@font-face{
font-family: 'nazwa_fontu';
url: ('lokum_fontu.ttf');
}

Metoda opisana jest tu: http://paulirish.com/2009/bulletproof-font...ntation-syntax/

Za cholerę mi to nie działa pod żadną przeglądarką, a może jest jakaś prostsza metoda na dodanie fontów własnych a ja jej nie potrafię znaleźć.
mela
Ja kiedyś walczyłem, szukałem sposobu i... odpuściłem sobie.
Zostają standardowe fonty + grafiki.
Irek
Może to Ci pomoże http://www.kurshtml.boo.pl/css/rodzaj,czcionki.html
papieros
No ja jeszcze walczę, grafika odpada niestety sad.gif z tego co ludzie piszą, to to rozwiązanie działa ale ... niestety nie u mnie i nie wiem co to za cholerstwo
mela
KOD
@font-face
{
    font-family: nazwa;
    src: url('nazwa.ttf');
}

i potem
KOD
font-family: nazwa;
używasz.
Powinno działać, pod FF, operą - pod IE i Chrome obawiam się, że nie.
Prócz tego, pozostaję Ci jeszcze sIFR, ale ogólnie nic nie jest idealne, a nawet dobre nie jest...
papieros
Obawiam się, że przyczyną jest wersja przeglądarek bo to świeże rozwiązanie, pod Operą 9.6 nie działało pod 10.01 jest już OK. FF 3.0.15 nie działa
pod IE działają pliki eot podobno a konwerter gdzieś widziałem ale jeszcze nie testowałem

I przy okazji jeszcze jednoa pytanie bo zależy mi na czcionkach 'ręcznych' i wydaje się, że SEGOE SCRIPT jest ok ale to jest standard w Viscie i wyżej, czy być może na nowych makach i linuksach też już to jest standard - orientuje się ktoś?
slawek22
Może typeface.js?

http://typeface.neocracy.org/examples.html
mela
Tak, chodzi o wersję przeglądarki:
Opera - od wersji 10 (*.ttf, *.otf)
Firefox - od wersji 3.5 (*.ttf, *.otf)
Internet Explorer - od wersji 4 (*.eot)
papieros
dzięki, na razie chyba zostanę przy SEGOE ale kto wie czy nie będzie potrzeby użycia typeface.js (dzięki sławek)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2012 Invision Power Services, Inc.