1. Strona główna
  2. Pomoc
  3. Jak dodać nową czcionkę Google Fonts do strony?

Jak dodać nową czcionkę Google Fonts do strony?

SZYBKIE TWORZENIE STRON INTERNETOWYCH

Ostatnia aktualizacja: 2021-11-24

Dla każdej strony lub elementu tekstowego możesz ustawić krój czcionki. Do wyboru masz ok. 100 rodzajów najpopularniejszych czcionek Google Fonts. Są one  automatycznie wyświetlane w kreatorze i w polach wyboru czcionki elementów tekstowych. Nie musisz nic instalować i aktywować.

Zobacz: Lista dostępnych czcionek Google Fonts w kreatorze.

Jeżeli jednak chcesz dodać nową czcionkę, której nie ma na liście dostępnych czcionek w kreatorze możesz to zrobić w kilku prostych krokach. 

Dodanie nowej czcionki możliwe jest w serwisach z planem BASIC lub PRO.

Jak dodać nową czcionkę Google Fonts i wyświetlić ją na stronie

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 https://fonts.google.com i przejdź na stronę wybranej czcionki. Wybierz styl czcionki jaki chcesz zastosować, kliknij przy nim przycisk "Select this style".

google fonts wybierz czcionkę<br>

2. Skopiuj kod.

Po prawej stronie pojawi się kod, który należy skopiować. Skopiuj tylko jedną linię kodu dotyczącą czcionki.

google fonts skopiowanie kodu dla czcionki<br>

3. Wklej kod na stronę.

Przejdź do kreatora stron, wybierz stronę główną, kliknij w ustawienia strony (śrubka w nawigacji).

ustawienia strony<br>

W ustawieniach strony przejdź do zakładki "Dodatkowe". Wklej uzyskany z Google Fonts kod do pola "Meta tagi".

dodatkowe meta tagi google fonts wybierz czcionkę

4. Skopiuj style.

Wróć do serwisu Google Fonts i skopiuj style CSS czcionki.

google fonts skopiowane style CSS<br>

5. Zastosuj style.

Następnie wklej skopiowane style do pola "Style CSS" w ustawieniach strony. Zastosuj te style dla odpowiedniego tagu. Przykładowe style dla czcionki wszystkich nagłówków na stronie:

Nowe czcionki nie będą zastosowane w obszarze roboczym aby zapewnić szybkość działania Kreatora. Aby zobaczyć jak style prezentują się na stronie kliknij przycisk "Podgląd" w nawigacji Kreatora.

Ważne! W przypadku przyspieszonych stron mobilnych AMP dozwolone są tylko poniższe źródła dla czcionek:

  • Typography.com: https://cloud.typography.com
  • Fonts.com: https://fast.fonts.net
  • Google Fonts: https://fonts.googleapis.com
  • Typekit: https://use.typekit.net
  • Font Awesome: https://maxcdn.bootstrapcdn.com, https://use.fontawesome.com

Stwórz własną stronę internetową w kreatorze stron www Najszybsza.

Jak możemy Ci pomóc?

NAJSZYBSZA

Najszybsza to polski kreator stron internetowych HTML, AMP, RWD. Narzędzie do tworzenia szybkich, prostych, ładnych stron www ze świetnymi parametrami dla Google.

© 2020-2022 Strona zbudowana i hostowana w Najszybsza.pl