Darmowe czcionki na stronę internetową. Bezpłatne fonty od Google.

Google udostępnia potężną bazę krojów czcionek, które możemy wykorzystać na własnej stronie internetowej. Zaletą Google Fonts jest to, że czcionek nie trzeba pobierać, wystarczy odwołać się do nich na stronie internetowej i uzupełnić informację w arkuszu stylów CSS. Zobaczcie jak korzystać z darmowych czcionek internetowych Google Fonts.

aloha-305853_640-300x199 Darmowe czcionki na stronę internetową. Bezpłatne fonty od Google.Źródło: pixabay, bibianagonzalez
Darmowe czcionki na stronę

Google Fonts to jeden z serwisów Google, który umożliwia szybkie i łatwe korzystanie z czcionek internetowych przez webmasterów. Każdy właściciel strony internetowej może wykorzystać bezpłatnie fonty ze strony Google Fonts w dowolny sposób. Wszystkie czcionki udostępnione zostały na licencji open source, a więc można je wykorzystać nawet przy komercyjnych projektach.

Po przejściu na stronę Google Fonts, warto zmodyfikować domyślny tekst w polu „preview text” wpisując dowolne zdanie w języku polskim:

google-fonts-wlasne-czcionki Darmowe czcionki na stronę internetową. Bezpłatne fonty od Google.Dobrze byłoby, gdyby zdanie zawierało również polskie znaki – wtedy będziemy mieli pewność, że określony krój czcionki je obsługuje.

darmowe-czcionki-na-strone Darmowe czcionki na stronę internetową. Bezpłatne fonty od Google.

Automatycznie na stronie zobaczymy jak wyglądają poszczególne czcionki ze zdefiniowanym przez nas tekstem.

Lista dostępnych czcionek jest naprawdę ogromna i każdy znajdzie coś dla siebie.

Jak korzystać z czcionek Google Fonts?

Aby wykorzystać czcionkę znalezioną na stronie Google Fonts, należy na swojej stronie internetowej dodać do niej odwołanie. W tym celu obok interesującej nas czcionki klikamy środkowy przycisk Quick Use:

google-font-jak-uzywac Darmowe czcionki na stronę internetową. Bezpłatne fonty od Google.

Zostaniemy przeniesieni na stronę z instrukcją, która w kilku punktach pokaże nam jak korzystać z wybranej czcionki na własnej stronie internetowej.

Najważniejszym krokiem jest dodanie na stronie pomiędzy znacznikami <head> i </head> kodu <link href=”xxxx”>.

dodanie-kodu-google-fonts Darmowe czcionki na stronę internetową. Bezpłatne fonty od Google.Teraz możemy już w pełni korzystać z wybranej czcionki na stronie www – wystarczy zmodyfikować styl CSS: font-family, na przykład

h1 { font-family: ‚Dancing Script’, cursive;}

Również ten krok został opisany w instrukcji użycia czcionek Google Fonts:

google-font-szybkie-uzycie Darmowe czcionki na stronę internetową. Bezpłatne fonty od Google.Pamiętajcie, że „podczepianie” czcionek w ten sposób minimalnie wpłynie na czas ładowania strony internetowej.

Przeczytaj również

Budujemy migającą kostkę LED. Jak zbudować Led Cub... Zbliżają się święta, co oznacza że wkoło robi się naprawdę kolorowo - wszędzie można znaleźć świecące choinki, oraz różnego rodzaju migające światełka...
Podstawy Cheat Engine – hackowanie gry flash... Podstawy Cheat Engine. Jak włamać się do gry flash - zmiana ilości złota, poziomu energii i innych parametrów w grach. Cheat Engine na przykładzie gry...
4 kroki do skutecznego SMS marketingu Dla wielu przedsiębiorców kampanie SMS-owe jawią się jako drogie i mało skuteczne. Czy rzeczywiście tak jest? Nasze doświadczenie pokazuje, że to niep...
Microsoft zaprezentował unowocześniony Surface Pro... Zapewne wielu fanów nowych technologii czekało na ten moment. Podczas Microsoft Event w Szanghaju, firma ogłosiła zmiany zastosowane w tablecie Surfac...

One thought on “Darmowe czcionki na stronę internetową. Bezpłatne fonty od Google.

Dodaj komentarz

Twój adres email nie zostanie opublikowany.