Jak zmienić czcionkę w Squarespace 7.1 (Site Styles i CSS)

Zmień czcionki w Squarespace 7.1 w Site Styles, wgraj własny plik fontu lub użyj CSS dla jednego elementu. Kroki, tabela wyboru i rozwiązania problemów.

Najczęściej zadawane pytania

Jak zmienić czcionkę na całej stronie w Squarespace?

W witrynie w wersji 7.1 otwórz Site Styles, kliknij Fonts (Czcionki) i wybierz polecany zestaw czcionek albo otwórz All Font Packs i przefiltruj je według kategorii: szeryfowe, bezszeryfowe lub mieszane. Zestaw czcionek jednym ruchem ustawia fonty nagłówków, akapitów, przycisków i pozostałych tekstów.

Czy mogę używać w Squarespace dowolnej czcionki z Google Fonts?

Czcionki Google Fonts możesz wyszukiwać po nazwie w liście rozwijanej fontów, ale centrum pomocy Squarespace zaznacza, że nie każda czcionka z Google Fonts jest w jego bibliotece. Jeśli tej, której szukasz, brakuje, możesz wgrać plik czcionki samodzielnie, o ile pozwala na to jej licencja.

Jakie typy plików czcionek mogę wgrać do Squarespace?

Uploader czcionek w Site Styles przyjmuje pliki OTF, TTF, WOFF i WOFF2. Osobny obszar Custom Files używany z edytorem CSS obsługuje TTF, OTF i WOFF, więc plik WOFF2 wgrywaj przez uploader w Site Styles, a nie przez obszar plików CSS.

Czy potrzebuję zgody na wgranie własnej czcionki?

Tak. Centrum pomocy Squarespace wskazuje, że do użycia czcionki na stronie potrzebna jest zgoda jej właściciela lub licencjodawcy. Przed wgraniem sprawdź, czy licencja obejmuje użycie w internecie.

Dlaczego kroki dotyczące czcionek wyglądają u mnie inaczej?

Witryny w wersji 7.0 i 7.1 mają różne ustawienia czcionek. Kroki w tym poradniku dotyczą wersji 7.1. W wersji 7.0 zmiany czcionek przechodzą przez Site Styles w panelu Design. Squarespace zaznacza też, że własne czcionki Adobe skonfigurowane w wersji 7.0 nie są obsługiwane w 7.1, więc trzeba wybrać wbudowaną czcionkę z 7.1.

Czy własny CSS zostaje po zmianie szablonu?

W witrynie w wersji 7.0 Squarespace informuje, że własny CSS nie przenosi się po zmianie szablonu. Zachowaj kopię każdego dodanego kodu CSS, aby w razie potrzeby wkleić go z powrotem.

Krótka odpowiedź: W witrynie Squarespace 7.1 otwórz Site Styles, kliknij Fonts (Czcionki) i wybierz zestaw czcionek albo ustaw osobno Headings (Nagłówki), Paragraphs (Akapity), Buttons (Przyciski) i Miscellaneous (Pozostałe). Aby użyć czcionki, której nie ma w bibliotece, wgraj własny plik w tym samym panelu. Własnego CSS używaj tylko wtedy, gdy musisz zmienić jeden konkretny element.

Ten poradnik opisuje kroki dla wersji 7.1, zgodnie z centrum pomocy Squarespace (stan na listopad 2026). Jeśli Twoja witryna działa w wersji 7.0, nazwy paneli są inne; zajrzyj do uwagi o wersjach pod koniec.

Której metody użyć?

Wybierz najprostszą opcję, która daje oczekiwany efekt. Im niżej w tabeli, tym więcej konfiguracji.

Czego chcesz	Najlepsza metoda	Nakład pracy
Zupełnie nowy wygląd jednym kliknięciem	Zestaw czcionek w Site Styles	Niski
Inne czcionki dla nagłówków i tekstu	Czcionki dla poszczególnych kategorii w Site Styles	Niski
Konkretna czcionka z Google Fonts	Wyszukiwarka w liście fontów	Niski
Firmowa czcionka, do której masz licencję	Wgranie pliku czcionki	Średni
Tylko jeden nagłówek, przycisk lub sekcja	Własny CSS	Średni do wysokiego

Metoda 1: Zmiana czcionek za pomocą zestawu czcionek

Zestaw czcionek ustawia pasujące do siebie fonty dla wszystkich kategorii tekstu naraz, więc to najszybszy sposób na odświeżenie wyglądu strony.

Otwórz edytor i kliknij Site Styles (ikona pędzla).
Kliknij Fonts.
Wybierz jeden z polecanych zestawów albo kliknij All Font Packs i przefiltruj je według kategorii: bezszeryfowe, szeryfowe lub mieszane.
Przewiń strony i sprawdź nagłówki, tekst podstawowy i przyciski, zanim zamkniesz panel.

Zestawy to dobry początek, ale może się zdarzyć, że czcionka nagłówków Ci się podoba, a czcionka tekstu nie. Właśnie to rozwiązuje kolejna metoda.

Metoda 2: Zmiana czcionki dla jednej kategorii tekstu

W sekcji Fonts Squarespace dzieli tekst na cztery grupy. Każdą z nich możesz ustawić osobno:

Headings (Nagłówki): tytuły stron i style nagłówków w blokach tekstowych.
Paragraphs (Akapity): tekst podstawowy.
Buttons (Przyciski): etykiety przycisków.
Miscellaneous (Pozostałe): mniejsze teksty, takie jak podpisy i etykiety formularzy (dokładny zakres tej grupy zależy od szablonu, więc po zmianie sprawdź kilka stron).

Aby zmienić jedną z nich:

W Site Styles > Fonts kliknij wybraną kategorię, na przykład Headings.
Otwórz listę rozwijaną z fontami i wyszukaj czcionkę po nazwie.
Wybierz czcionkę, a następnie w razie potrzeby dostosuj styl, grubość i rozmiar.
W przypadku Adobe Fonts użyj linku Additional Fonts na dole listy.

Squarespace pozwala też ustawić rozmiar bazowy, od którego skalują się pozostałe teksty. Jeśli po zmianie czcionki wszystko wygląda za duże lub za małe, popraw najpierw ten rozmiar, a dopiero potem zmieniaj rozmiary pojedynczych bloków.

Praktyczna wskazówka: zmieniaj nagłówki i akapity w osobnych podejściach. Jeśli zmienisz oba naraz i coś będzie wyglądać źle, nie dowiesz się, co za to odpowiada. Pomoc w doborze pary czcionek znajdziesz w naszym poradniku jak wybrać czcionki do strony internetowej.

Metoda 3: Wgranie własnej czcionki

Jeśli Twoja marka używa czcionki, której nie ma w bibliotece, wgraj ją samodzielnie. Squarespace zaznacza, że do takiego użycia potrzebna jest zgoda właściciela lub licencjodawcy czcionki.

Przygotuj plik czcionki w formacie OTF, TTF, WOFF lub WOFF2. Uploader w Site Styles przyjmuje wszystkie cztery.
Otwórz Site Styles > Fonts, wybierz kategorię (albo listę rozwijaną z fontami) i poszukaj opcji wgrywania.
Przeciągnij plik do panelu wgranych czcionek albo kliknij ikonę plusa i wybierz plik z komputera.
Wybierz wgraną czcionkę dla wybranej kategorii.
Opublikuj zmiany, a następnie obejrzyj działającą stronę na komputerze i telefonie, aby upewnić się, że czcionka się ładuje.

Sformułowania w interfejsie zmieniają się z czasem, więc jeśli przycisk nazywa się inaczej, poszukaj ikony wgrywania lub plusa w liście rozwijanej z fontami.

Częste problemy przy wgrywaniu

Czcionka jest na liście, ale wygląda źle. W pliku może brakować jakiejś grubości lub stylu (pogrubienie, kursywa). Każdą grubość, której zamierzasz użyć, wgraj jako osobny plik.
Czcionka działa w edytorze, ale nie u odwiedzających. Odśwież opublikowaną stronę z pominięciem pamięci podręcznej i sprawdź, czy licencja czcionki obejmuje użycie w internecie.
Wgrano plik WOFF2 i próbowano odwołać się do niego z obszaru plików CSS. Obszar Custom Files w edytorze CSS wymienia jako typy czcionek TTF, OTF i WOFF, bez WOFF2. Dla WOFF2 użyj uploadera w Site Styles.

Metoda 4: Zmiana jednego elementu za pomocą własnego CSS

Site Styles zmienia czcionki w całej witrynie według kategorii. Gdy potrzebujesz wyjątku, na przykład jednego nagłówka w innej czcionce, pomoże własny CSS. Wskazówki Squarespace dotyczące CSS mówią, że kod warto ograniczać do czcionek, kolorów i teł, ponieważ inne zmiany mogą zepsuć układ strony.

Najpierw wgraj czcionkę metodą 3 albo wybierz czcionkę z biblioteki, aby była już dostępna w Twojej witrynie.
Otwórz Website > Pages > Custom CSS (dokładna ścieżka może się nieco różnić w zależności od witryny).
Wklej regułę podobną do poniższej i zapisz.

```css /* Example: make every H2 use a font that is already on your site */ h2 { font-family: "Your Font Name", serif; letter-spacing: 0.02em; }

/* Example: change button text only */ .sqs-button-element--primary { font-family: "Your Font Name", sans-serif; } ```

Zamień "Your Font Name" na dokładną nazwę widoczną w Site Styles. Ogólna czcionka zapasowa (serif lub sans-serif) sprawia, że tekst pozostaje czytelny, jeśli właściwa czcionka się nie załaduje. Nazwy klas mogą się różnić w zależności od szablonu i aktualizacji Squarespace, więc użyj inspektora w przeglądarce, aby potwierdzić selektor elementu, który chcesz zmienić.

Jeśli chcesz zastosować CSS tylko na jednej stronie, centrum pomocy Squarespace opisuje opcje na poziomie strony; przed skorzystaniem z nich sprawdź tam aktualne kroki.

Krótka lista kontrolna przed publikacją

Skopiuj tę listę i przejdź ją raz.

[ ] Nagłówki i tekst podstawowy używają najwyżej dwóch rodzin czcionek.
[ ] Tekst podstawowy jest czytelny na telefonie, a nie tylko na komputerze.
[ ] Każda używana grubość (zwykła, pogrubiona, kursywa) jest dostępna w danej czcionce.
[ ] Masz licencję na użycie w internecie każdej wgranej czcionki.
[ ] Przyciski i etykiety formularzy używają czcionki pasującej do reszty strony.
[ ] Zapisano kopię każdego dodanego własnego kodu CSS.
[ ] Sprawdzono działającą stronę, a nie tylko podgląd w edytorze.

Wersja 7.0 a 7.1

Centrum pomocy Squarespace podaje, że opcje czcionek z 7.1 dotyczą witryn 7.1, a witryny 7.0 mają własne ustawienia czcionek. W wersji 7.0 zmiany czcionek przechodzą przez Site Styles w panelu Design. Jeśli rozważasz przejście na nowszą wersję, Squarespace ma narzędzie aktualizacji, a nasza recenzja Squarespace opisuje, jak obecny edytor wypada na tle innych. Jeśli czcionki to tylko jedna z kilku rzeczy, które Cię frustrują, strona alternatyw dla Squarespace wymienia inne kreatory stron, a nasze zestawienie kosztów pokazuje, ile łącznie kosztuje strona na Squarespace.

Jeśli zaczynasz nową stronę

Gdy wybierasz szablon lub budujesz stronę od zera, zacznij od typografii. Łatwiej to zrobić na początku niż poprawiać później. Darmowy plan We.Inc pozwala opublikować do trzech stron z gotowych szablonów; kreator AI, który tworzy szkic strony na podstawie opisu, jest dostępny od planu Starter za $20 miesięcznie. Możesz zarejestrować się tutaj.

Zacznij za darmo · Bez karty kredytowej

Umair Ali Sadaqat

Założyciel We.Inc

Umair jest założycielem We.Inc. Pisze o tworzeniu stron z AI, agencjach i prowadzeniu studia internetowego.

Chcesz zbudować coś świetnego?

Dołącz do 15,000+ firm, które z We.Inc startują, rosną i automatyzują pracę, wszystko na jednej platformie.