Niniejszy temat porusza zastosowanie czcionek na stronach WWW. Uwzględniam w nim wsparcie przez systemy operacyjne, przeglądarki oraz omawiam ich zastosowanie.
Ogólnie czcionki dzielą się na dwa typu: szeryfowe i bezszeryfowe. Dodatkowo możemy wyróżnić czcionki monospace oraz cursive. Czcionki szeryfowe posiadają tzw. ogonki, podczas, gdy w czcionkach bezszeryfowych brak ogonków. Nie, nie chodzi o polskie znaki. Chodzi o... W zasadzie opisuje się to w ten sposób: W dawnych czasach ludzie pisali różnymi farbkami i używali do tego pędzla, patyczka, itp. Farba ma tę właściwość, że się ciągnie, więc jak pisali i odrywali pędzelek bądź patyczek od płótna, ściany czy kamienia, to tworzył się ogonek - bo farba się ciągła. Tak wygląda historia kroju czcionki szeryfowej. Jest ona uznawana za łatwiejszą do czytania na papierze, ale w przypadku komputera jest odwrotnie i wynikia to z ograniczonej ilości pikseli na punkt. Dlatego też na komputerze czcionki szeryfowej używa się tylko dla nagłówków i ewentualnie dla wyróżnienia czegoś. Dla reszty stosuje się czcionki bezszeryfowe lub monospace. Czcionki monospace posiadają duże spacje pomiędzy literkami i właściwie nie wiem po co.
Jak już wspomniałem na stronie WWW należy stosować głównie krój bezszeryfowy. Jednakże z tym wiąże się jeszcze jeden problem. Chodzi o wsparcie. Jest wiele systemów operacyjnych (Windows, Mac, OS-y) i każdy z nich posiada swój własny zestaw czcionek. Dodatkowo mamy różne przeglądarki. W efekcie nie wiadomo, czy ktoś, kto ogląda naszą stronę na innym komputerze widzi taką samą stronę. Dlatego powstało zestawienie bezpiecznych czcionek webowych, a ang. zwanych Web Safe Fonts. Najbezpieczniejszymi czcionkami są niestety tylko trzy czcionki: Arial (bezszeryfowa), Georgia (szeryfowa), Verdana (bezszeryfowa) i Courier New (monospace). W zasadzie identycznych czcionek jest więcej, ale różnią się one nazwą, co częściowo je dyskwalifikuje jako bezpieczne. Więcej na ten temat piszą na stronie http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
Jeśli jednak jakaś czcionka wyjątkowo się nam spodobała, to dzięki właściwościom HTML-a, w pliku CSS możemy określić priorytety dla czcionek. Przykładowo, jeśli nam się podoba Helvetica, ale w Windowsie nazywa się ona Trebuchet MS, to dzięki odpowiedniemu zapisowi możemy ustawić ten samym wygląd zarówno w Windowsie jak i w Macu.
I na koniec najlepszy z bajerów. Dzięki metodzie @font-face możemy zaimportować sobie dowolną, wybraną czcionkę. Niestety, ale nie wszystkie przeglądarki wspierają tę funkcję. Obowiązuje więc zasada z poprzedniego aragrafu, czyli tworzymy sobie priorytetowo hierarchię pożądanych czcionek. Jeśli system nie znajdzie pierwszej to poszuka drugiej. I tak dalej. Całkiem dobra lista polskich czcionek do importu znajduje się na stronie http://czcionki.skryptoteka.pl/czcionki,polish,,1.htm Niestety, Internet Explorer po raz kolejny posiada odmienne standardy. Więcej na temat zastosowania bezpiecznych czcionek na stronach WWW znajdziecie na http://en.wikipedia.org/wiki/Web-safe_fonts
Do niedawna wstawiałem na swoje strony taką czcionkę, jaka mi się podoba. To był błąd. Niestety większość popełnia ten sam błąd. Dowiedziałem się, że różne czcionki mogą mieć różne zastosowania i nie wszędzie pasują. Poniżej znajduje się moja lista najpopularniejszych czcionek i rodzaje zastosowań, jakie dla nich znalazłem. Zapraszam do lektury.
- Franklin Gothic Medium
Gotyk jest dość ważnym elementem w dziejach - głównie zachodniej kultury. Czcionki gotyckie jako forma przekazu podkreślają wyrafinowanie i są symbolem czasu. Używaj czcionek gotyckich tylko na stronach kapeli metalowych, rockowych i na wszystkim co jest związane z ezoteryką. Czcionka będzie też świetnie wyglądać na kartkach miłosnych.
- Century Gothic
Century Gothic to wariacja gotyckiej czcionki. Nie jest tak elegancka jak Franklin, wręcz powiedziałbym, że byle jaka, wieśniacka. Cóż, może ktoś ją wykorzysta do przedstawienia swojej wsi o średniowiecznych tradycjach ;) Obie czcionki są bezszeryfowe, ale używaj ich tylko, aby nadać stronie odpowiedni, mhroczny wygląd. ;)
- Georgia
Georgia, (z ang. Gruzja) jedna z najlepszych czcionek. Jest to czcionka szeryfowa, co oznacza, że nienajlepiej się ją czyta. Będzie odpowiednia dla tytułów i nagłówków, oraz ważniejszych wiadomości.
- Impact
IMPERIUM KONTRATAKUJE! Tak, ta czcionka ma kosmiczny styl. Jeśli akurat piszesz stronę na temat Gwiezdnych Wojen, to musisz tej użyć.
- Helvetica
Dzieło szwajcarskich skrybów, zwane kamieniem milowym typografii. Najczęściej stosowana czcionka przez webdizajnerów. Microsoft zapożyczył ją sobie od nich i zmienił nazwę na Arial, przez co ta czcionka jest defacto najczęściej stosowaną czcionką na świecie. Mimo wielu wad w sumie mogę ją polecić.
- Script
Unfortunatelly there is no known to me polish version of this font, so if You like, You can choose it to write on some foreign project. The best of this font is that it is stylish anb rememberable. Coca-Cola and Pepsico are signing their's products by this. Script is althought too small for me, but maybe there are better sized versions that this.
- Arial
Ta czcionka jest wszędzie. Też masz jej już dosć? Btw. Widzisz jakąś różnicę między nią a Helveticą?
- Comic Sans MS
Ta czcionka cieszy tylko słiitaaśnee blondynki z migających na różowo blogów Onetu. Wprawdzie są jeszcze mali chłopcy w przedszkolu, którzy nie mają nic przeciwko jej... Moim zdaniem nadaje się wyłącznie na stronę główną Domowego Przedszkola, ostatecznie na blog poświęcony komiksom.
- Lucida Console
Czcionka dla prawdziwych geeków. Jest absolutnie najlepszą czcionką z jaką miałem do czynienia. Użyje jej tylko ten, kto bez chwili zastanowienia umie wymówić "~" albo "CMD" (ja nie). Nadaje się na stronę główną gier takich jak Quake.
- Times New Roman
Znakomicie nadaje się na tytuły i nagłówki, ale tekst napisany za jej pomocą staje się nieczytelny. Oryginalnie ta czcionka została stworzona z myślą o pisaniu w wąskich kolumnach.
- Verdana
Verdana to moja ulubiona czcionka. Jest bardziej czytelna niż Arial i nie jest tak rozjechana jak czcionki konsolowe (Console). Staram się ją stosować wszędzie. Źle wygląda jako nagłówek lub tytuł strony.
- Tahoma
Jest podobna do Verdana, ale jej litery stoją znacznie bliżej siebie, przez co ta czcionka traci czytalność. Nie znajduję dla niej żadnego zastosowania, Verdana jest lepsza. Jeśli masz jakiś pomysł, zostaw proszę komentarz.
