Wie ktoś jak można zdefiniować własne czcionki na stronie? Mam problem z IE, wykonywałem wszystko krok po kroku zgodnie z tym http://jontangerine.com/log/2008/10/font-face-in-ie-making-web-fonts-work i nadal nie działa. Wykorzystywana czcionka to lobster, a konwertowałem ją do eot za pomocą http://onlinefontconverter.com/. Z góry dziękuję za wszystkie odpowiedzi ;]
0
0
Tzn, że nikt nie wie ;>
1
Skoro nikt nie odpowiada to nikt nie wie? Z taką logiką daleko nie zajedziesz -- programiście to nie przystoi.
Możliwe, że nikt po prostu nie ma ochoty się w to babrać. Bo np. nie chce mu się samemu składać wszystkiego u siebie i sprawdzać, co jest nie tak (nie podałeś linka do Twojej nie działającej w IE strony!). Może nikt nie ma czasu, może nikogo temat nie zaciekawił. Może ktoś, kto mógłby Ci pomóc, tematu po prostu nie przeczytał.
@font-face to prosta sprawa i nikomu na ambicje nie wjedziesz sugerując, że ktoś czegoś nie wie. Programiści to zwykle nie idioci i takie sztuczki na nas nie działają. Choć wyzwania, takie prawdziwe -- czasem tak.
Mi się nie chce sprawdzać, co masz nie tak. Nie chce mi się tego rozstawiać u siebie. Może coś ze ścieżkami przy @font-face? IE potrafi obsłużyć @font-face i ja nie miałem z tym raczej problemów typu "w ogóle nie działa" (problemy się zdarzają, ale np. licencyjne, czy -- nieraz -- z kerningiem lub nawet trackingiem).
Dam Ci link do narzędzia, którego sam użyłem z powodzeniem w paru projektach. Nie przypominam sobie, żeby mnie zawiodło:
http://www.fontsquirrel.com/fontface/generator
Zaznaczam, że sam używałem ustawienia Expert, nie Easy, więc nie wiem czy na Easy to od razu rusza.
Ładujesz tam font, a usługa wypluwa Ci paczkę z formatem dla IE, kodem CSS i chyba nawet przykładową implementacją (ostatni raz użyłem tego tydzień temu i już nie pamiętam :P).
0
Dziękuję bardzo. Swoją drogą, to miałem wszystko dobrze ustawione, tylko jak się okazuje z plikiem eot było coś nie tak, więc nie moja wina tylko narzędzia, które konwerterowało czcionkę.
0
Upewnij się tylko, że działają Ci polskie znaki, jeśli ich potrzebujesz. To narzędzie, które linkowałem, domyślnie chyba ich nie uwzględnia. Zapewni to opcja Subsetting, widoczna w trybie Expert. Ja i tak zawsze z tego używam i wybieram tylko te znaki, które mogą być rzeczywiście potrzebne -- zmniejsza to rozmiary plików EOT/TTF/OTF, a więc przyspiesza nieco ładowanie strony.
0
Bardzo fajny link do tej aplikacji. Mam jednak pytanie ponieważ mam problem właśnie z czcionką pod IE 6-8.
Czcionka jest zastosowana np. w dziale kontakt po lewej stronie czarne duże napisy na żółtym tle. Pod FF działa poprawnie.
Będę bardzo wdzięczny za odpowiedź.
0
A i proszę nie zwracać na razie uwagi na inne błędy pod IE:)
0
@font-face to shit
musisz użyć CUFON. Wygoogluj to. Jest wspaniały.
0
Ok, sprawdze ale to juz jutro bo jest pozno:)
0
Cufon to shit. Użyj font-face. Jedna zasada - gdy nie trzeba nie korzystaj z js.
2
Sprawdziłem to pod moim IE8 i działa. Jedyny problem jest taki, że pozycja pionowa tekstu jest nieco inna niż w Fx -- w IE tekst wygląda jakby był troszkę wyżej.
Co do oceny, że @font-face czy Cufon to "shit", to oba te stwierdzenia są nieprawdziwe. @font-face to natywny, tj. najbardziej naturalny dla przeglądarki, sposób zamieszczania fontów w dokumentach www. Ma bardzo duże plusy: zamieszczonej czcionki można używać w zasadzie tak samo, jak tych standardowych (np. Verdany). Minus ze stosowania @font-face -- ale nie jest to minus samego @font-face! -- to ewentualnie problemy ze wsparciem wśród przeglądarek. IE wymaga innej deklaracji, przez co reguła @font-face staje się pokraczna. W żadnym razie nie jest to jednak wada font-face samego w sobie: po prostu rozwiązanie to nie zostało jeszcze w pełni zaimplementowane. Podobnie, fakt, że selektor #foo li.bar:hover nie działa normalnie w IE6 nie oznacza, że :hover to shit. Poważnym problemem związanym z @font-face są natomiast kwestie licencyjne zamieszczanych w ten sposób czcionek.
Cufon, natomiast... Jeśli chodzi o nagłówki i krótkie teksty, uważam go za fajną alternatywę, szczególnie dla sIFR-a. W porównaniu z sIFR-em (opartego na Flashu), Cufon jest poniekąd natywny dla przeglądarki, bo korzysta z canvas (oprócz IE). Cufon jest dość szybki, działa dobrze, na ogół nie robi takich problemów z dopasowaniem wszystkiego jak sIFR. Duża wada jest taka, że tekstu wygenerowanego przez Cufon nie da się zaznaczyć i skopiować (i nie, użytkownicy nie będą w tym celu patrzyli do źródła strony). No i wymaga JavaScriptu. No i renderowanie chwilę jednak zajmuje. Cufon raczej słabo się nadaje do dużych bloków tekstu. Do menu, nagłówków -- OK. Jednak jeśli uda się uruchomić @font-face, to uważam, że jest przeważnie lepsze, bo po prostu działa jak standardowe fonty.
0
Użyłem w końcu @font-face ale do końca z efektu nie jestem zadowolony, ponieważ przeglądarka IE6 nie wyświetla zamierzonej czcionki.
0
Jak już masz użyć nagłówka z niestandardową czcionką to użyj PNG lub jeśli chcesz (jednak tutaj też nie wiem czy zadziała @font-face poprawnie) SVG.
0
Tzn. jak mam użyć PNG? Zamiast TTF czy EOT?
0
@zeli:
Chyba chodziło mu o prostą technikę podstawiania obrazka za pomocą CSS. Czyli: wyświetlasz obrazek (np. obrazek .PNG) z tekstem, a w HTML-u umieszczasz obok tekst dla dostępności. Pogooglaj sobie "css image replacement".
Takie podstawianie obrazka za tekst ma jednak swoje wady. Czasami jest cięższe (w zależności od liczby obrazków). Tekstu nie da się zaznaczyć lub jest to utrudnione. Podobnie z szukaniem ciągu znaków na stronie poprzez użycie np. CTRL+F w Firefoxie. No i daje to mniejszą elastyczność: przeważnie obrazki są statyczne, a nie generowane dynamicznie po stronie serwera. Wtedy nie da się zmienić tekstu w menu z poziomu CMS-a, bo obrazek tak czy siak zostanie taki jak jest, a tekst jest na obrazku.