Jak podłączyć czcionki Google do witryn Tilda
Google Fonts to obszerna biblioteka bezpłatnych czcionek, które można wykorzystać w dowolnym projekcie, także komercyjnym. W tym artykule opisano, jak dodać czcionki z tej biblioteki do użycia w witrynie internetowej.
Łączenie czcionek z Google Fonts przez wyszukiwanie w bibliotece czcionek Tilda
Aby podłączyć czcionkę z Google Fonts, przejdź do Ustawienia witryny → Czcionki i kolory i kliknij przycisk Ustawienia niestandardowe.
Kliknij kartę Czcionki Google, a następnie kliknij przycisk „Szukaj w czcionkach”, aby uzyskać dostęp do biblioteki czcionek z czcionek Google.
Pojawi się panel, w którym możesz wyszukać czcionkę według nazwy lub wybrać żądany styl czcionki - czcionka szeryfowa, bezszeryfowa, czcionka odręczna, o stałej szerokości lub czcionka wyświetlana (specjalna czcionka dla dużych nagłówków lub elementów tekstowych).
Po wybraniu żądanej czcionki możesz wybrać żądaną grubość czcionki.
Następnie kliknij przycisk „Wybierz czcionkę” i opcjonalnie zaznacz pole, jeśli chcesz używać tej czcionki zarówno w nagłówkach, jak i w tekście.
Następnie kliknij przycisk „Wybierz czcionkę” i opcjonalnie zaznacz pole, jeśli chcesz używać tej czcionki zarówno w nagłówkach, jak i w tekście.
Po wybraniu pola linku dla czcionek Google, odpowiedni link do jej połączenia zostanie automatycznie zastąpiony. Zapisz zmiany. Teraz czcionka jest podłączona i może kontrolować jej parametry podczas edycji stron.
Łączenie czcionek poprzez wstawienie linku z Google Fonts
Otwórz stronę Fonts.google.com i wybierz czcionkę, której chcesz użyć.
Kliknij przycisk "+Wybierz ten styl" i wybierz potrzebne style.
Skopiuj link czcionki, czyli część kodu wewnątrz cudzysłowu, na <link> karcie.
Link powinien wyglądać tak:
Link powinien wyglądać tak:
https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap
Przejdź do Tilda → Ustawień witryny → Czcionki i kolory → Ustawień niestandardowych → czcionkach Google i wklej link w polu "Link CSS".
Ważne: użyj dokładnej nazwy czcionki w takiej postaci, w jakiej jest ona wywoływana w Google Fonts dla pól "Nazwa rodziny czcionek nagłówka" i "Nazwa rodziny czcionek tekstu podstawowego".
Opublikuj wszystkie strony serwisu.
Czcionka jest połączona.
Jak dodać dwie różne czcionki Google
Kliknij +Wybierz ten styl i wybierz żądane czcionki dla dwóch różnych czcionek. Po prawej stronie ekranu pojawi się pole Wybrane rodziny z wybranymi czcionkami.
Skopiuj łącze CSS z obiema czcionkami z karty.
Wklej link w polu łącza CSS na karcie Czcionki Google.
Wklej pełną, dokładną nazwę pierwszej czcionki w polu Nazwa rodziny czcionek nagłówka i wklej pełną, dokładną nazwę innej czcionki w polu Nazwa rodziny czcionek tekstowych.
Wklej pełną, dokładną nazwę pierwszej czcionki w polu Nazwa rodziny czcionek nagłówka i wklej pełną, dokładną nazwę innej czcionki w polu Nazwa rodziny czcionek tekstowych.
Problemy z połączeniem czcionek
Najczęstszym powodem, dla którego czcionka nie jest wyświetlana, jest to, że jedna czcionka jest połączona w ustawieniach witryny, ale inna czcionka jest przypisywana do strony za pośrednictwem górnego panelu edycji. W takim przypadku musisz zresetować przypisany styl, klikając przycisk "wyczyść styl" na górnym pasku.
Przeczytaj więcej o innych błędach w artykule:
Przeczytaj więcej o innych błędach w artykule:
