[Sensej]

Chciałbym dodać na swoją stronę niestandardowe czcionki, nazywane również osadzonymi. Chodzi o to żebym wybrał sobie jakiś ciekawy krój fonta a nie to co mają wszyscy. Ciężko zrobić jakiś fajny nagłówek z tego co jest dostępne i co każdy ma na swoim komputerze.

Pytanie brzmi czy lepiej w tym celu wstawić w kod Cufon, czyli Javascript czy do pliku CSS wpisać odpowiednie linijki? Jaka jest różnica między tymi dwoma sposobami? Co działa lepiej? Jakie są plusy i minusy jednego i drugiego rozwiązania?

[unbreak]

Jedyne co mogę napisać to niestety ale z face-font (css) chrom sobie coś nie radzi... kiedyś nie wspierał tego w ogóle, w wersji 4.x było wszystko ok, zaś w najnowszej odsłonie (5.x) znów coś jest nie tego...

Z Cufon-a nie korzystał, więc ciężko mi jest cokolwiek na ten temat powiedzieć.

[Sensej]

Teraz pytanie jak to wygląda pod IE i FF, jeżeli dobrze to może da się zignorować Chrome, zbyt dużo ludzi póki co z tego nie korzysta. Albo w sumie jak już coś robić to raz a dobrze, zabiorę się za ten skrypt Javy. Kiedyś miałem do czynienia z Cufon'em, na jakimś CMSie nie działały mi polskie znaki ;] Tym razem będę musiał wybrać bardziej szczęśliwą czcionkę.

Dla ludzi, którzy tu trafią w poszukiwaniu informacji polecam poniższy link, wszystko o Cufon napisane w bardzo prosty sposób. Na jakiej zasadzie to działa, jak przekonwertować czcionki na odpowiedni format, gdzie to zrobić itd.
http://blog.kowalczy...-polskie-znaki/

Oraz drugi sposób, czyli czcionki osadzone w CSS. Jak to zrobić żeby można było korzystać z niestandardowych fontów pod dwoma najpopularniejszymi przeglądarkami.
http://www.kurshtml.boo.pl/css/

Sam się za to biorę teraz, zobaczymy jaki będzie efekt ;]

Użytkownik Sensej edytował ten post 27 czerwiec 2010 - 06:05

[unbreak]

Wczoraj znalazłem o co chodzi z tymi face-fontem pod chrome, to nie jest do końca tak że sobie z tym nie radzi, tylko jest bardziej wrażliwy na to jak coś będzie nie tak (IE i FF to po prostu ignorują i wyświetlają te fonty). Zależy też od tego jakiego fonta użyjesz.

Dobrze że chrome ma coś takiego jak konsola i o wszelkich błędach wyświetlania user jest informowany że jest wyświetlane coś nie tak jak webmaster sobie to wymyślił

Żeby fonty ok działały pod chrome, trzeba odpowiedni wpis w htaccess wpisać: http://www.google.pl...l=&oq=&gs_rfai= Enjoy


Ja na stronie firmowej dalej mam z tym problem, font to otf ;/

[Sensej]

Ale mnie to irytuje, pod każdą przeglądarkę trzeba robić inne wpisy, więcej z tym roboty niż będzie pożytku. Jednak chyba wstrzymam się ze zmianą tych czcionek do momentu aż zabiorę się za php+xhtml+css i wtedy wrócimy do tematu.

Użytkownik Sensej edytował ten post 28 czerwiec 2010 - 11:41

[unbreak]

1. Walnij fonta i sprawdź, może dla niego będzie działać allright. Nie trzeba robić nic dla innych przeglądarek, wrzucasz standardowe face-font...
2. Mówisz, że chcesz zrobić nagłówek, czemu nie zrobisz tego w nagłówku? Imo używanie zewnętrznych fontów ma sens jak chcesz je wykorzystywać na całej stronie, a nie tylko w nagłówku

----
3. Ja się teraz zabieram za mvc, wygląda to na prawdę na świetną sprawę do tego jQuery i strona to potęga

[Sensej]

Font-face działa doskonale na wszystkich przeglądarkach za wyjątkiem... IE. Przeglądarka od MS nie obsługuje czcionek typu *.ttf. Także żeby osadzone fonty działały pod IE trzeba zastosować specjalny wpis tylko dla tej przeglądarki i dodatkowo zamienić *.ttf na *.eot. Jednak po zamianie i dodaniu odpowiednich linijek kodu dalej występują problemy, może być to związane z licencją ponieważ wspierany przez Billa format ma zakodowane warunki licencyjne i często nie może być stosowany do takiego typu zastosowań. W takim wypadku, jeżeli dany font ma takie obostrzenia, nie będzie działał. Słowo podsumowania - chu... im w du... zawsze muszą wszystko komplikować te peda... ;> Lepiej sprawdźcie cufon'a.

Użytkownik Sensej edytował ten post 05 lipiec 2010 - 11:00

[unbreak]

No niestety, a znów z eot-ami często chrome ma problem, także tak źle i tak niedobrze ;\

Daj znać jak zadziałasz z cufonem

[unbreak]

Temat starawy, ale ostatnio u mnie wrócił do rozważania i mam idealne rozwiązanie...

@font-face + http://www.fontsquirrel.com

Na stronie znajdują się fonty które:
po 1. są darmowe
po 2. ich licencja pozwala na wykorzystywanie je w necie
po 3. mają @font-face kit, czyli możliwość wrzucania niestandardowych fontów na stronę jako tekst, nawet jeśli przeglądający nie ma tego fonta u siebie

No i oczywiście na stronie jest generator kodu css zgodnego z wszystkimi przeglądarkami.

[Sensej]

Sprawdzałeś osobiście na jednej ze swoich stron czy to działa? Też swojego czasu się dużo naczytałem o różnych rozwiązaniach tego problemu a kiedy przyszło to zrobić samemu i przetestować to nie zawsze działało ;/