Google Fonts to darmowa biblioteka, która zawiera ponad 1000 czcionek, które można łatwo dodać do strony internetowej. Czcionki te są dostępne na wszystkich urządzeniach i łatwe do integracji za pomocą kilku linii kodu. Google Fonts oferuje szeroki wybór czcionek o różnych stylach i wersjach, co pozwala na dostosowanie wyglądu strony do własnych potrzeb. Biblioteka ta jest również regularnie aktualizowana i rozwijana. W skrócie, Google Fonts to dobry wybór dla projektantów, którzy chcą uzyskać profesjonalny wygląd swojej strony internetowej, bez ponoszenia dodatkowych kosztów.
Wszystkie czcionki Google mają charakter open source, są bezpłatne i można ich używać komercyjnie, w tym w logo, materiałach drukowanych, witrynach internetowych, aplikacjach i innych miejscach.
W kreatorze Najszybsza dla każdej strony lub elementu tekstowego możesz ustawić własny krój czcionki. Na początek wybraliśmy ok. 100 rodzajów najpopularniejszych czcionek Google Fonts. Są one natychmiast dostępne w kreatorze. Nie musisz nic instalować i aktywować.
Zobacz: Jak zmienić czcionkę na stronie (czcionki wbudowane dostępne natychmiast)
Zobacz: Lista dostępnych czcionek Google Fonts w kreatorze.
Jeżeli chcesz dodać nową czcionkę, której nie ma na liście dostępnych czcionek w kreatorze możesz to zrobić w kilku prostych krokach.
1. W osobnych zakładkach otwórz serwis Google Fonts https://fonts.google.com i kreator Najszybsza aby móc wygodnie przełączać widok między nimi.
2. Wybierz czcionkę Google Fonts.
Wejdź do serwisu z czcionkami Google Fonts i przejdź na stronę wybranej czcionki. Wybierz styl czcionki jaki chcesz zastosować, kliknij przy nim przycisk "Select this style".
3. Skopiuj kod.
W prawej kolumnie pojawi się kod, który należy skopiować. Skopiuj tylko jedną linię kodu dotyczącą czcionki. Przykład:
3. Wklej kod na stronę.
Przejdź do Ustawień witryny
Witryny → Ustawienia → Meta/ Robots → Kod HTML w HEAD strony
Wklej uzyskany z Google Fonts kod do pola "Kod HTML w HEAD strony"
4. Skopiuj style CSS
Wróć do serwisu Google Fonts i skopiuj style CSS czcionki.
5. Zastosuj style.
Witryny → Ustawienia → Meta/ Robots → Dodatkowe style CSS
Następnie wklej skopiowane style do pola "Dodatkowe Style CSS". Zastosuj te style dla odpowiedniego tagu.
6. Zapisz ustawienia witryny.
Nowe czcionki nie będą pobierane do kreatora aby zapewnić szybkość jego działania, ale będą wyświetlane już na opublikowanej stronie.
Ważne! W przypadku przyspieszonych stron mobilnych AMP dozwolone są tylko poniższe źródła dla czcionek:
