Web Design Blog / Grafika:

Fonty na stronie WWW

Przy projektowaniu typografii witryn internetowych, często korzysta się z krojów pisma dostępnych w systemie, usprawiedliwiając to między innymi oszczędnością transferu danych. Jednak używanie czcionek systemowych ma zasadniczą wadę – na różnych systemach mamy dostępne zwykle inne zestawy czcionek i rządzą nimi odmienne zasady nazewnictwa.

Aby strona wyglądała zawsze identycznie, powinno się stosować czcionki, które są ładowane za pomocą plików z zewnątrz lub są dostarczane razem ze stroną.

Umieszczanie własnych fontów w sposób jaki zaprezentuję rozwiązuje automatycznie problem stosowania czcionek niestandardowych czyli tych nowych lub mało znanych.

Własne czcionki na stronie internetowej

Aby rozwiązać wszelkie problemy z czcionkami polecam takie linkowanie:

<link href="//fonts.googleapis.com/css?family=Open+Sans:400,300"rel="stylesheet" type="text/css">

Powyższy przykład prezentuje użycie serwisu Google Fonts, który umożliwia dodawanie fontów udostępnianych na zasadach Open Source. Raz załadowana czcionka pochodząca z lokalizacji zewnętrznej może być użyta przez przeglądarkę wielokrotnie – to dlatego powinno się unikać wykonywania kopii plików z fontami na własnych serwerach – zapobiegamy w ten sposób ponownemu pobieraniu fontu, gdy identyczny plik już istnieje w pamięci przeglądarki.

Polskie znaki

Jednym z najbardziej rażących  błędów rodzimych webdesignerów jest nieprawidłowe określanie subsetu czcionki co powoduje nieprawidłowe wyświetlanie się polskich znaków z ogonkami. Najczęściej jest to z powodowane tym, że gotowy szablon został kupiony na zagranicznej stronie za kilka dolarów a potem praca nad stroną ogranicza się do edycji tekstu i podmianie zdjęć.

Aby zapewnić prawidłowe wyświetlanie się polskich znaków w przytoczonym wyżej przykładzie należy dodać &subset=latin-ext:

<link href="//fonts.googleapis.com/css?family=Open+Sans:400,300&amp;subset=latin-ext" rel="stylesheet" type="text/css">

Podsumowanie

Używajmy Google Fonts do definiowania wszelkich czcionek oprócz takich jak np. Arial, Helvetica, Verdana. Z ilością krojów pisma na stronach internetowych nie przesadzajmy – nie dość, że cała strona będzie ładowała się dłużej, (bo trochę tych kilobajtów jest) – to w dodatku używanie więcej niż powiedzmy trzech różnych fontów, jest w większości przypadków bardzo nieprofesjonalną praktyką. Zapraszam do selekcji najlepszych fontów na stronę internetową gdzie prezentuję osiem najciekawszych czcionek do stosowania zarówno jako treść główna oraz nagłówki.

Fonty na stronie WWW
4.7 (93.33%) głosów: 9

Autor: (29 lat)

Służę pomocą w razie wykonania / odnowienia strony lub sklepu internetowego dla twojej firmy niezależnie od twojej lokalizacji czy skali przedsięwziecia.

Tego typu wpisy piszę w wolnych chwilach lub pomiędzy projektami. Tylko pomyśl co mogę dla Ciebie zrobić w ramach usługi :-)

Zadaj pytanie lub skomentuj

Wyrażam zgodę na przetwarzanie moich danych osobowych przez firmę Paweł Mansfeld z siedzibą w Jastrzębiu-Zdroju, ul. Plebiscytowa 10, w celu udzielenia odpowiedzi, w tym przedłożenia oferty jeśli o nią pytam. Moje dane osobowe będą przetwarzane do czasu cofnięcia zgody lub przez okres niezbędny do ustalenia, dochodzenia lub obrony roszczeń. Mam prawo dostępu do danych, sprostowania, usunięcia lub ograniczenia przetwarzania, prawo sprzeciwu, prawo wniesienia skargi do organu nadzorczego i prawo do przeniesienia danych.

Komentarze publiczne

Brak komentarzy.
Otrzymuj powiadomienie o nowych artykułach

Wyrażam zgodę na przetwarzanie moich danych osobowych przez firmę Paweł Mansfeld z siedzibą w Jastrzębiu-Zdroju, ul. Plebiscytowa 10, w celu udzielenia odpowiedzi, w tym przedłożenia oferty jeśli o nią pytam. Moje dane osobowe będą przetwarzane do czasu cofnięcia zgody lub przez okres niezbędny do ustalenia, dochodzenia lub obrony roszczeń. Mam prawo dostępu do danych, sprostowania, usunięcia lub ograniczenia przetwarzania, prawo sprzeciwu, prawo wniesienia skargi do organu nadzorczego i prawo do przeniesienia danych.

*Bez obaw, nie udostępniam nikomu twojego adresu e-mail