EN
Badawczy...

Czcionki internetowe

Ustawienia stylu tekstu witryny w aplikacji Pixpa pozwalają kontrolować typografię w całej witrynie. Od nagłówków i tytułów, przez tekst główny, po opisy, możesz dostosować style, rozmiary i odstępy czcionek, aby dopasować je do identyfikacji wizualnej swojej marki.

Pixpa obsługuje ponad 300 czcionek z repozytorium Google Fonts, a także wybór czcionek na licencji OFL, z których możesz korzystać swobodnie. Dostosowując style tekstu, możesz zapewnić spójność i poprawić czytelność na wszystkich stronach swojej witryny.

W tym artykule:

  1. Bieżący zestaw czcionek
  2. Ustawienia czcionek
  3. Edycja zaawansowana
  4. Zresetuj ustawienia niestandardowe
  5. Alternatywne czcionki od Google

Możesz zarządzać czcionkami swojej witryny z poziomu Wnętrze (1) sekcja.

Gdy znajdziesz się w sekcji Projektowanie, kliknij Czcionki (2) zakładka.

Bieżący zestaw czcionek

  • Wybrany Wstępnie ustawiona czcionka (1) zostanie tutaj wyświetlony.
  • Możesz dostosować Nagłówek (2) i Ustęp (3) czcionka dla wybranego ustawienia wstępnego.

Uwaga: Po wprowadzeniu niestandardowych zmian w opcjach palety kolorów lub w opcji Edycja zaawansowana zobaczysz 'Zmodyfikowany' (4) przycisk.

  • Górny tekst (5) reprezentuje czcionkę nagłówka.
  • Dolny tekst (6) oznacza czcionkę akapitową.

Uwagi:

  • Zmiana czcionki nagłówka będzie miała wpływ również na tytuł witryny i elementy menu.
  • Zmiana czcionki akapitu będzie miała wpływ również na przyciski, galerie (tytuł obrazu) i tekst stopki.

Ustawienia czcionek

Wstępne ustawienia czcionek to predefiniowane kombinacje typu czcionki, rozmiaru czcionki, odstępów między literami i innych ustawień typograficznych, które można zastosować do tekstu w całej witrynie.

  • Możesz łatwo zmienić czcionkę globalnie, wybierając dowolną z Wstępne ustawienia czcionek (1).
  • Filtruj (2) listę, wybierając ustawienia wstępne Wszystkie, Serif, Bezszeryfowe lub Mieszane. Po wybraniu filtra zobaczysz tylko powiązane ustawienia wstępne.
  • Do wyboru Wstępnie ustawiona czcionka (3), wystarczy na niego kliknąć i Publikować (4) zmiany.

  • Przewiń na dół listy czcionek, aby uzyskać dostęp i dokonać wyboru spośród dostępnych czcionek. Czcionki OFL.

Edycja zaawansowana

Stąd możesz zastąpić wstępnie ustawione ustawienia i ręcznie zarządzać czcionkami dla wszystkich elementów swojej witryny.

Zobaczysz tutaj następujące opcje:

Nazwa strony

Jest to tytuł Twojej witryny, który pełni rolę tekstu logo, jeśli logo główne nie jest dostępne.

Od w tym miejscu możesz:

  1. Czcionka - Wybierz czcionkę tytułu swojej witryny.
  2. Waga - Wybierz grubość czcionki tytułu swojej witryny.
  3. Rozmiar – Pulpit – Określ rozmiar tekstu tytułu witryny na pulpicie.
  4. Rozmiar – Mobilny – Określ rozmiar tekstu tytułu witryny na urządzeniu mobilnym.
  5. Odstępy między literami - Ustaw odstęp między literami w tytule witryny.

Menu nagłówka

Jest to zbiór stron, linków, folderów, galerii itp., które umożliwiają użytkownikom poruszanie się pomiędzy różnymi sekcjami serwisu.

Od w tym miejscu, możesz dostosować:

    1. Czcionka - Określ czcionkę łączy menu.
    2. Waga - Wybierz grubość czcionki dla łączy menu.
    3. Rozmiar - Określ rozmiar tekstu dla łączy menu.
    4. Odstępy między literami - Ustaw odstęp między literami w linkach menu.

    1. Czcionka - Określ czcionkę dla linków menu rozwijanego.
    2. Waga - Wybierz grubość czcionki dla linków menu rozwijanego.
    3. Rozmiar - Określ rozmiar tekstu dla łączy menu rozwijanych.
    4. Odstępy między literami - Ustaw odstęp między literami w linkach menu rozwijanego.

Nagłówki

Tagi nagłówków są kluczowe, ponieważ pomagają uporządkować treść, poprawiają SEO, zwiększają dostępność i czytelność. Istnieją cztery typy tagów nagłówków oferowanych przez Pixpa. Są to: Nagłówek (H1), Nagłówek (H2), Nagłówek (H3) i Nagłówek (H4).

Od w tym miejscu możesz:

  1. Czcionka - Określ styl czcionki nagłówka (H1).
  2. Waga - Wybierz grubość czcionki nagłówka (H1).
  3. Rozmiar – Pulpit – Określ rozmiar czcionki nagłówka (H1) na pulpicie.
  4. Rozmiar – Mobilny – Określ rozmiar czcionki nagłówka (H1) dla urządzeń mobilnych.
  5. Wysokość linii - Określ wysokość linii czcionki dla nagłówka (H1) (określona w em).
  6. Odstępy między literami - Określ odstęp pomiędzy literami tekstu nagłówka (H1) (określony w formie em).

Uwaga: Podobnie jak w przypadku nagłówka (H1), możesz dostosować ustawienia stylów czcionek H2, H3 i H4.

Dopełnienie tekstu (nagłówki)

  • Nagłówki – Określ dopełnienie nagłówków w swojej witrynie.

Paragrafy

Służy do definiowania i strukturyzowania bloku tekstu jako akapitu. Jest to zwykle używane w przypadku opisów, tytułów obrazów, podpisów, tekstu stopki itp.

Od w tym miejscu możesz:

  1. Czcionka - Wybierz styl czcionki dla całego tekstu akapitowego (normalny, mały i duży).
  2. Waga - Wybierz grubość czcionki dla całego tekstu akapitowego.
  3. P (Normalny) – Komputer stacjonarny – Wybierz normalny rozmiar czcionki całego tekstu akapitowego na pulpicie.
  4. P (normalny) – Mobilny – Wybierz normalny rozmiar czcionki całego tekstu akapitu dla urządzeń mobilnych.
  5. P (mały) – Komputer stacjonarny – Wybierz mniejszy rozmiar czcionki (mniejszy niż P (Normalny)) całego tekstu akapitu na pulpicie.
  6. P (Mały) – Mobilny – Wybierz mniejszy rozmiar czcionki (mniejszy niż P (Normalny)) całego tekstu akapitu dla urządzeń mobilnych.
  7. P (duży) – Pulpit – Wybierz większy rozmiar czcionki (większy niż P (Normalny)) całego tekstu akapitu na pulpicie.
  8. P (duży) – Mobilny – Wybierz większy rozmiar czcionki (większy niż P (Normalny)) całego tekstu akapitu dla urządzeń mobilnych.
  9. Wysokość linii - Określ wysokość linii czcionki tekstu akapitowego (określoną w em).
  10. Odstępy między literami - Określ odstęp między literami tekstu akapitu (określony jako em).

Dopełnienie tekstu (akapity)

Akapit – Określ dopełnienie akapitów w swojej witrynie.

przyciski

Przyciski to elementy, które można kliknąć lub dotknąć, aby wykonać określone czynności, takie jak przesłanie formularza lub przejście na inną stronę.

Od w tym miejscu możesz:

  1. Czcionka - Tutaj możesz wybrać czcionkę tekstu przycisku.
  2. Waga - W tym miejscu ustaw grubość czcionki dla tekstu przycisku. Możesz wybierać pomiędzy normalnym, jasnym i pogrubionym.
  3. Rozmiar L) - Ustaw duży rozmiar czcionki dla przycisków.
  4. Średni rozmiar) - Ustaw średni rozmiar czcionki dla przycisków.
  5. Rozmiar mały) - Ustaw mały rozmiar czcionki dla przycisków.
  6. Odstępy między literami - Ustaw tutaj odstęp między literami tekstu przycisku (określony w em).

To tekst, który pojawia się na dole strony internetowej, np. informacje o prawach autorskich, zastrzeżenia itp. Ustawienia tekstu stopki pozwalają dostosować wygląd tekstu w stopce Twojej witryny.

  1. Czcionka - Określ styl czcionki dla tekstu stopki.
  2. Waga - Tutaj ustaw grubość czcionki dla tekstu stopki. Możesz wybrać między czcionką normalną, lekką i pogrubioną.
  3. Rozmiar tekstu – Zdefiniuj rozmiar czcionki dla tekstu stopki.
  4. Rozmiar menu – Ustaw rozmiar czcionki dla elementów menu stopki.
  5. Rozmiar tytułu witryny (komputer) – Dostosuj rozmiar tytułu stopki witryny wyświetlanej na komputerze.
  6. Rozmiar tytułu witryny (wersja mobilna) – Dostosuj rozmiar tytułu stopki witryny wyświetlanego na urządzeniach mobilnych.
  7. Odstępy między literami - Określ odstęp między literami w tekście stopki (mierzony w em).

Różne

Oto kilka innych dostosowań w ustawieniach czcionki. Z w tym miejscu możesz:

Jest to stosowane, gdy wybierzesz wyświetlanie tytułów obrazów po najechaniu myszką.

    1. Najedź czcionką – Tutaj możesz wybrać czcionkę dla tekstu tytułu obrazu po najechaniu kursorem.
    2. Waga zawisu – W tym miejscu ustaw grubość czcionki dla tekstu tytułu obrazu. Możesz wybierać pomiędzy normalnym, jasnym i pogrubionym.
    3. Rozmiar zawisu – Tutaj ustaw rozmiar tekstu tytułu obrazu po najechaniu kursorem.
    4. Odstępy między literami - Ustaw odstęp między literami tekstu tytułu obrazu stąd (określony w em).

Zresetuj ustawienia niestandardowe

Możesz łatwo zresetować ustawienia czcionek do domyślnych, jeśli dokonałeś zmian w zestawie czcionek poprzez edycję lub jeśli dostosowałeś ustawienia czcionek w Edycji zaawansowanej.

Zobaczysz przycisk Zmodyfikowano. Najedź kursorem na przycisk, zmieni się on na Resetuj. Tutaj możesz zresetować zmiany do oryginału.

Alternatywne czcionki od Google

Oto kilka alternatywnych czcionek Google dla niektórych popularne czcionki:

  • Groteska Brandona – Josefin Sans
  • Sofia Pro – Poppiny
  • Avenir – Lato or Skłonić
  • Proxima Nova - Montserrat or Roboto
  • Proxima Soft – Nunito
  • din – Scyzoryk
  • czarter – Źródło Serif Pro
  • Nowa Helvetica – Roboto or Work Sans
  • Whitney – Katamaran or Łania
  • Gotham- Montserrat
  • Tisa Serif – PT Serif
  • Płyta Museo - Płyta Zilla or Roboto Slab
  • optymalna – Arsenał
  • Skolar – Serif źródłowy
  • gotyk listowy – Fira Mono
  • Interfejs Segoe – Open Sans
  • Futura – Muli
  • Gibsona – Noto bez
  • Strefa Pro – Poppiny
  • Sługa – Szkarłatny tekst
  • Mostra Nowa – Josefin Sans
  • Geogroteskowy – Armata
  • Baskerville'a – Libre Baskerville
  • Posterunek - Pastor
  • Neuzeit – Łania
  • Millera – Abril Fatface
Tagged:

Nie możesz znaleźć tego, czego szukasz?

Skontaktuj się z Ekspertem Pixpa.

Kontakt