Dobór odpowiedniej czcionki jest bardzo ważny i ma istotny wpływ na jakość wyświetlania tekstu na stronach witryny. Ponad 90% informacji w Internecie kryje się w tekście, zatem wybór odpowiedniej czcionki jest niezmiernie ważny. Czcionka musi być nie tylko atrakcyjna, ale także czytelna i poprawnie wyświetlana na urządzeniu gościa witryny niezależnie od używanej przez niego przeglądarki.
Na czytelność czcionki ma wpływ kilka czynników takich jak rodzina, do której należy, wysokość litery x i całkowity rozmiar.
|
Jeszcze przed wprowadzeniem w życie dyrektyw CSS3 inny czynnik miał niezmiernie istotny wpływ na wybór czcionek dla witryn, a mianowicie które czcionki są obsługiwane i poprawnie wyświetlane przez większość przeglądarek. Praktycznie obligatoryjne było korzystanie z bezpiecznych czcionek, czyli czcionek powszechnie używanych i obecnych na niemalże każdym komputerze. Kiedy serwer wysyła stronę do komputera klienta, pyta klienta (tu klientem jest przeglądarka), których czcionek będzie używał do wyświetlania tekstu. Klient sprawdza, czy ma zainstalowaną proponowaną czcionkę i jeśli tak, postępuje według instrukcji, a jeśli nie, używa czcionki domyślnej jako zamiennika. To w zasadzie oznaczało, że wszyscy zawsze musieli używać tych samych czcionek (Arial, Verdana, Georgia i kilku innych), jeśli nie chcieli ryzykować utraty wyglądu i układu strony. Zjawisko to w znacznym stopniu ograniczało kreatywność autorów witryn. |
Arkusze stylów CSS3 otworzyły możliwości wykorzystywania czcionek innych niż bezpieczne: polecenie @font-face pozwala wysłać do komputera klienta plik odpowiadający konkretnej czcionce (w zależności od przeglądarki w formacie TTF, EOT, WOFF lub SVG). Plik ten zawiera zbiór znaków do użycia na danej stronie. Oznacza to, że komputer klienta nie musi już sprawdzać, czy ma zainstalowane sugerowane czcionki, czy nie. Po prostu używa zbioru znaków określonego w arkuszu stylów SCC strony witryny. Zatem dzięki CSS3 możliwe stało się wykorzystanie na stronie zupełnie dowolnej czcionki, ponieważ gość witryny może pobrać potrzebny zbiór znaków. Zasadniczo istnieją dwie techniki korzystania z czcionek sieci Web:
Jedyną niedogodnością tego rozwiązania jest konieczność pobrania przez użytkownika czcionki sieciowej, a to może niekorzystnie wpłytnąć na czas ładowania strony. Zaletą jest natomiast zdecydowanie większa swoboda formatowania tekstu i układu strony. Ponadto czcionki Google są przechowywane na serwerach Google i nie zajmują miejsca na serwerze witryny. |
Dzięki czcionkom sieciowym autor może teraz wykazać się w budowie witryny kreatywnością nie mniejszą niż na komputerze stacjonarnym, jednak jak we wszystkim warto zachować umiar. Oto kilka sugestii dotyczących korzystania z czcionek sieciowych:
|
W programie WebSite X5 jest wiele miejsc, gdzie można wybrać, jakiej chce się użyć czcionki: w edytorze tekstów, w edytorze nagłówka i stopki wzorca i we wszystkich innych oknach, gdzie wstawia się tekst (treść, elementy menu, etykiety przycisków itp.). Wszędzie, gdzie wpisuje się tekst pojawia się menu ze wszystkimi czcionkami dostępnymi na komputerze. Listę dostępnych czcionek można rozszerzyć o czcionki sieciowe bez konieczności instalowania ich na komputerze, wystarczy dodać je przez Internet (patrz Jak korzystać z czcionek sieci Web). Czcionki na liście wymienione są w kolejności alfabetycznej, a czcionki sieciowe są wyróżnione specjalna ikoną obok nazwy, więc łatwo je rozpoznać. Rodzaj czcionki łatwo rozpoznać po ikonie wyświetlanej obok nazwy:
|
Porady praktyczne: