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

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

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

Tworzenie strony internetowej w Kreatorze Najszybsza jest łatwe. Tematy pomocy pomogą Ci skonfigurować witrynę i stworzyć stronę krok po kroku. Jeśli masz dodatkowe pytania skontaktuj się z nami.

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

NAJSZYBSZA

Najszybsza to polski kreator stron internetowych HTML, AMP, RWD. Narzędzie do tworzenia szybkich, ładnych i przyjaznych wyszukiwarkom stron www.

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