Dlaczego strona internetowa wyświetla nieprawidłowe czcionki?
Jeśli witryna wyświetla nieprawidłowe czcionki, problem prawdopodobnie polega na ręcznym przypisaniu innej czcionki podczas modyfikowania bloku w Edytorze.
W takim przypadku można zresetować ustawienia bloku i wyświetlić domyślną czcionkę.
Dowiedz się więcej o problemie
Na przykład w Ustawieniach witryny, w zakładce "Czcionki i kolory", początkowo określono czcionkę Roboto. Następnie podświetliłeś tekst w bloku i w wyświetlonym menu kontekstowym ręcznie określiłeś tę czcionkę.
Następnie w Ustawieniach witryny zmieniono czcionkę na Open Sans. W blokach, w których czcionka nie została określona ręcznie, tekst jest wyświetlany w czcionce Open Sans. Jednak w blokach, w których czcionka została określona ręcznie, problem występuje. Dzieje się tak, ponieważ poprzednia czcionka (Roboto) nie jest już połączona z witryną.
Ważne: Ustawienia ręczne określone w menu kontekstowym podczas edycji bloku mogą powodować konflikt z innymi ustawieniami typografii.
Jak rozwiązać problem
W edytorze strony znajdź wymagany blok → kliknij dowolne miejsce w tekście → czcionka automatycznie zmieni się na czcionkę dodaną w Ustawieniach strony.
Możesz także ręcznie zresetować ustawienia czcionki - w tym celu wybierz opcję Usuń rodzinę czcionek z menu rozwijanego lub kliknij "Wyczyść formatowanie" na pasku narzędzi edycji tekstu.
Rozwiązywanie problemów z czcionkami w zależności od sposobu ich dodania
Czcionki zainstalowane z pliku CSS (własnego lub z Google Fonts) nie są wyświetlane.
Możliwe problemy podczas dodawania niestandardowej czcionki przy użyciu plików czcionek
Możliwe problemy z podstawowymi czcionkami
Czcionki systemowe ładują się jako pierwsze podczas otwierania strony internetowej
Czcionki dodane za pomocą pliku CSS
Sprawdź, czy podałeś prawidłową nazwę czcionki w Ustawieniach witryny.
Nazwa czcionki (font-family) musi być zgodna z danymi z pliku CSS: Ustawienia witryny → Czcionki i kolory → Ustawienia niestandardowe → zakładka Własna czcionka → Prześlij pliki czcionek.
Nazwa czcionki (font-family) musi być zgodna z danymi z pliku CSS: Ustawienia witryny → Czcionki i kolory → Ustawienia niestandardowe → zakładka Własna czcionka → Prześlij pliki czcionek.
Ważne: Podczas dodawania czcionki za pomocą pliku CSS, upewnij się, że serwer, z którego czcionka jest podłączana do projektu, obsługuje Access-Control-Allow-Origin CORS dla seedowania do dowolnej domeny. (Access-Control-Allow-Origin: *). Więcej informacji na temat dodawania niestandardowych czcionek za pośrednictwem zewnętrznych plików CSS można znaleźć w naszym przewodniku dotyczącym podłączania niestandardowego pliku CSS.
Czcionki dodane z biblioteki Google Fonts
Podczas dodawania czcionki ważne jest również, aby nazwa czcionki w Ustawieniach witryny była zgodna z nazwą czcionki w Google Fonts.
Poza tym sprawdź link do pliku CSS czcionek Google, powinien wyglądać tak:
https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap
Niestandardowe czcionki przesłane jako pliki
Sprawdź, czy podałeś pełną oficjalną nazwę czcionki pod przesłanymi plikami WOFF. Ta sama nazwa powinna być określona dla nagłówków i/lub tekstu w Ustawieniach strony → Czcionki i kolory.
Jeśli czcionka wyświetla się poprawnie w alfabecie łacińskim, ale występują problemy z cyrylicą lub greką, należy sprawdzić, czy czcionka obsługuje cyrylicę lub grekę. Informacje te można sprawdzić w serwisie, w którym zakupiono czcionkę.
Ponadto niektóre konwertery czcionek mogą uszkodzić wersję cyrylicy lub greki podczas konwersji. Można to sprawdzić w usłudze FontDrop! Do konwersji plików czcionek zalecamy użycie programu WOFFer.
Ponadto niektóre konwertery czcionek mogą uszkodzić wersję cyrylicy lub greki podczas konwersji. Można to sprawdzić w usłudze FontDrop! Do konwersji plików czcionek zalecamy użycie programu WOFFer.
Czcionki dodane z biblioteki czcionek
W przypadku wyeksportowanych projektów może wystąpić problem z podstawowymi czcionkami.
Niektóre czcionki na stronie Tilda pochodzą z bibliotek czcionek firmy type.today które dostarczają te czcionki w ramach umowy partnerskiej:
Aby te czcionki i inne wbudowane czcionki wyświetlały się poprawnie na wyeksportowanej stronie internetowej, musisz dodać domenę, do której eksportujesz swoją stronę internetową w Ustawieniach witryny → Domena. Wystarczy podać nazwę domeny, nie trzeba jej podłączać.
Niektóre czcionki na stronie Tilda pochodzą z bibliotek czcionek firmy type.today które dostarczają te czcionki w ramach umowy partnerskiej:
- Graphik
- Kazimir
Aby te czcionki i inne wbudowane czcionki wyświetlały się poprawnie na wyeksportowanej stronie internetowej, musisz dodać domenę, do której eksportujesz swoją stronę internetową w Ustawieniach witryny → Domena. Wystarczy podać nazwę domeny, nie trzeba jej podłączać.
Czcionki ładują się bardzo wolno
Załadowanie pliku czcionki wymaga czasu. Szybkość ładowania może zależeć od ilości treści na stronie internetowej i jakości używanego połączenia internetowego.
Aby utrzymać wysoką szybkość ładowania strony i zapobiec irytacji odwiedzających podczas oczekiwania, najważniejsza rzecz - treść - jest ładowana jako pierwsza, a następnie ładowane są inne elementy. Czcionki systemowe są więc widoczne przed załadowaniem czcionek niestandardowych.
Do strony można dodać blok Т228 z kategorii "Inne". Spowolni to ładowanie strony, a przeglądarka wyświetli tekst z niestandardowymi czcionkami.
Aby utrzymać wysoką szybkość ładowania strony i zapobiec irytacji odwiedzających podczas oczekiwania, najważniejsza rzecz - treść - jest ładowana jako pierwsza, a następnie ładowane są inne elementy. Czcionki systemowe są więc widoczne przed załadowaniem czcionek niestandardowych.
Do strony można dodać blok Т228 z kategorii "Inne". Spowolni to ładowanie strony, a przeglądarka wyświetli tekst z niestandardowymi czcionkami.
Jeśli przeglądarka migocze podczas otwierania strony internetowej, ładuje czcionkę systemową, a następnie czcionkę niestandardową. Nie jest to błąd, jest to całkowicie normalne.
