Niestandardowe czcionki na stronie

[kemott]

Witam

Przeglądając sobie antyweb.pl zauważyłem, że oni tam w ogólnie nie korzystają z tych standardowych czcionek typu tahoma, verdana itp. Mają tam jakoś zrobione, że wszystkie teksty są w dużo ładniejszych czcionkach. Bardzo mi się to spodobało i tak się zastanawiam koro tak jest dużo ładniej to czemu wszyscy nie korzystają z takiego rozwiązania. Typu onety, wp, interie itd. Jakie są minusy używania na stronie takiej niestandardowej czcionki, bo pod względem wizualnym wygląda to genialnie. Caly serwis prezentuje się przez to znacznie lepiej. Jest z tym jakiś problem? Jakieś przeglądarki to źle odczytują, albo coś w tym klimacie. Wie ktoś coś na ten temat?

[Karlosky]

Nie wiem z jakich czcionek korzysta antyweb i nie chce mi się sprawdzać ;p

Najczęściej jest to Cufon lub fonty od Google. Największym problemem takich rozwiązań jest wolne ładowanie się strony, bo pliki czcionek swoje ważą.

[kemott]

Hm.. nie zauważyłem zadnego nawet zająknięcia się jeśli chodzi o ładowanie się strony na antywebie. Błyskawicznie wchodzi.

Cufon jest kiepski z tego co wiem, coś potrzebuej za dużo javascriptu i nie można na nim zdaje się tekstu zaznaczyć

[Karlosky]

Antyweb ładuje fonty z Googla -> https://www.google.com/fonts/

Nawet tam jest wskaźnik czasu ładowania. Zauważ jak rośnie przy fontach z polskimi znakami...

[kemott]

Hm... ciekawe te google fontsy i co tam czcionki si enie pobiea na dysk, tylko wystarczy wkleic ten kod, ktory tam podaja do strony i odpowiednio uzyc cssa zeby sie czcionka wyswietlila ?

[Karlosky]

Dokładnie tak.

[kemott]

Hm.. ciekawe jak tam z ilością czcionek z polskimi znakami na tym google fontsie.

A kojarzysz sposób wyświetlania takich niestandardowych czcionek za pomocą @font-face'a ?

Właśnie się tym bawie dla testu na jednej z moich stronke. Wygląda ciekawie, podoba mi się przede wszystkim fakt, że dzięki wrzucamy do siebie na serwer czcionki z różnymi rozszerzeniami dzięki czemu mamy pewność, że poprawnie się ta niestanardowa czcionka wyswietli na różnego rodzaju przeglądarkach (ciekawe jak to jest z google fontsem).

@font-face {
font-family: "ArialRegular";
src: url("arial.eot");
src: url("arial.eot") format("embedded-opentype"),
 url("arial.woff") format("woff"),  
 url("arial.ttf") format("truetype"),		 
 url("arial.svg#ArialRegular") format("svg");
}

No i teraz pieron wie, ktory sposob lepszy, ktory mniej obciaza stronke itd...