Przejdź do treści
HubSpot Baza wiedzy
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.

Używanie czcionek w HubSpot

Data ostatniej aktualizacji: 25 lutego 2026

Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:

Czcionki dostępne dla treści w HubSpot zależą od rodzaju treści i rodzaju czcionki. Niektóre czcionki domyślne są dostępne we wszystkich edytorach treści, natomiast czcionki internetowe (takie jak Google Fonts) i czcionki niestandardowe mają dodatkowe ograniczenia, opisane poniżej: 

Typ treści Rodzaj czcionki  
  Domyślne czcionki Czcionki internetowe

Czcionki niestandardowe

  
Strona – szablony motywów ✓ Dostępne w ustawieniach motywu i poprzez arkusz stylów ✓  
Strona – szablon kodowany ✓ Dostępny poprzez arkusz stylów lub moduł niestandardowy Dostępny poprzez arkusz stylów  
Blog ✓ Dostępne poprzez arkusz stylów lub moduł niestandardowy ✓  
E-mail Niektóre domyślne czcionki nie są dostępne w edytorze wiadomości e-mail typu „przeciągnij i upuść” Dostępne tylko dla niestandardowych szablonów wiadomości e-mail; nieobsługiwane przez większość klientów poczty elektronicznej Dostępne tylko dla niestandardowych szablonów wiadomości e-mail; nieobsługiwane przez większość klientów poczty elektronicznej  
Baza wiedzy Czcionek nie można dostosowywać w edytorze artykułów Dostępne w ustawieniach motywu  Dostępne w ustawieniach motywu  
Moduł niestandardowy ✓ Dostępne dla modułów niestandardowych, które nie są używane w wiadomościach e-mail Dostępne dla modułów niestandardowych, które nie są używane w wiadomościach e-mail  
CTA (starsza wersja) ✓ ✓ ✓  
CTA ✓ ✓ ✓  

Uwaga: nie wszystkie typy treści są dostępne na wszystkich kontach. Typy treści dostępne w ramach subskrypcji na koncie HubSpot można znaleźć w katalogu produktów i usług. 

Używanie domyślnych czcionek w modułach tekstu sformatowanego

Czcionki domyślne mogą być używane we wszystkich typach treści i są zaprojektowane tak, aby ładowały się na większości platform i urządzeń. 

  1. Przejdź do swojej treści:

  2. Kliknij nazwę swojej treści. 
  3. W edytorze treści kliknijmoduł tekstu sformatowanego, a następnie zaznacz tekst, który chcesz edytować. 
  4. Na pasku narzędzi tekstu sformatowanego kliknij menurozwijane Czcionkai wybierz czcionkę. W modułach tekstu sformatowanego dostępne są następujące czcionki: 
    • Czcionki marki

    • Andale Mono*

    • Arial

    • Book Antiqua*

    • Courier New

    • Georgia

    • Helvetica

    • Impact*

    • Lato**
    • Merriweather**
    • Monako*

    • Symbol*

    • Tahoma

    • Terminal*

    • Times New Roman

    • Trebuchet MS

    • Verdana

*Niedostępne w edytorze wiadomości e-mail typu „przeciągnij i upuść”. 

**Dostępne tylko jako czcionka internetowa w edytorze wiadomości e-mail typu „przeciągnij i upuść”.

Użyj czcionek internetowych

Czcionki internetowe są domyślnie dostępne w edytorze treści.

Jeśli jesteś programistą, możesz również użyć pola czcionki, aby dodać czcionki internetowe do motywów i modułów niestandardowych. W takich przypadkach czcionki internetowe nie są ładowane z usług stron trzecich; zamiast tego HubSpot ładuje je bezpośrednio na domenę treści.

Uwaga: czcionek internetowych nie można wybrać z menu rozwijanego czcionek w edytorze tekstu sformatowanego. 

Możesz również korzystać z usług stron trzecich, takich jak Google Fonts, kopiując kod importu czcionki, wklejając go do arkusza stylów treści, a następnie stosując czcionkę za pomocą CSS:

  1. Przejdź do strony fonts.google.com.
  2. W pasku wyszukiwania wpisznazwę czcionki. 
  3. Kliknij nazwę czcionki, aby wyświetlić listę stylów dostępnych do importu.
  4. Obok każdego stylu, który chcesz zaimportować, kliknij + Wybierz ten styl
  5. W prawym panelu wybierz@import wsekcji Użyj w sieci. 
  6. Skopiuj kod czcionki: 
    • W sekcji Użyj w sieci skopiuj kod @import bez tagu <style>.
    • Wpolu Reguły CSS do określenia rodzin skopiujkoddo ustawienia reguł CSS. 

Po uzyskaniu kodu z Google Fonts możesz dodać czcionkę do treści HubSpot: 

Użyj czcionki Google Fonts w arkuszu stylów

  1. Skopiuj kod @import czcionki z Google Fonts.
  2. Na swoim koncie HubSpot przejdź do Treści > Design Manager.
  3. W wyszukiwarce otwórz arkusz stylów używany dla Twojej treści.
  4. Wklej kod @import w linii 1 arkusza stylów. 
  5. Dodaj kod do ustawienia reguł CSS do odpowiednich selektorów w arkuszu stylów.
  6. W prawym górnym rogu kliknij opcjęOpublikuj zmiany, aby zmiany zaczęły obowiązywać. 

Użyj czcionki Google Fonts w niestandardowym szablonie wiadomości e-mail

Chociaż czcionki Google Fonts są obsługiwane przez Apple Mail i kilka innych klientów poczty e-mail, ich szeroka obsługa jest ograniczona, a większość popularnych klientów poczty e-mail obsługuje tylko domyślne czcionki internetowe. Dowiedz się więcej o wybieraniu domyślnych czcionek używanych w klasycznym edytorze wiadomości e-mail. 
 
Szablony wiadomości e-mail z niestandardowym kodowaniem są dostępne tylko na kontach z Marketing Hub Professional lub Enterprise. 
 
Aby dodać czcionkę Google Font do niestandardowego szablonu wiadomości e-mail: 
  1. Skopiuj kod @import czcionki z Google Fonts.
  2. Na swoim koncie HubSpot przejdź do Treści > Design Manager.
  3. W wyszukiwarce otwórz niestandardowy szablon wiadomości e-mail.
  4. W sekcji<head> szablonu wklej kod @import między tagami <style>....</style>. 
  5. W kodzie treści wiadomości e-mail dodaj niestandardową czcionkę w stylu inline. 
  6. W prawym górnym rogu kliknij opcję Opublikuj zmiany, aby wprowadzić zmiany. 

Użyj czcionki Google w wezwaniu do działania (starsza wersja)

  1. Skopiuj kod Google służący do ustawiania reguł CSS dla tej czcionki.
  2. Na koncie HubSpot przejdź do Marketing > Wezwania do działania.
  3. Najedź kursorem na CTA, a następnie kliknij opcję Działania > Edytuj. 
  4. W prawym panelu kliknijopcję Opcje zaawansowane. 
  5. W polu tekstowym wklej kod Google służący do ustawiania reguł CSS dla tej czcionki. 
  6. W prawym dolnym rogu kliknijDalej. Następnie kliknij Zapisz.

Użyj czcionki Google w formularzu

  1. Na koncie HubSpot przejdź do sekcji Marketing > Formularze.
  2. Najedź kursorem na nazwę formularza i kliknij opcję Działania > Edytuj formularz lub Utwórz nowy formularz.
  3. W edytorze formularzy kliknij kartę Styl i podgląd.  
  4. W menu bocznym po lewej stronie kliknijsekcję Styl.
  5. Wsekcji Tekstkliknij menu rozwijaneRodzina czcionek i wybierz czcionkęGoogle Font. 
  6. W prawym górnym rogu kliknij opcjęAktualizuj lubPublikuj, aby wprowadzić zmiany. 

Użyj czcionki Google w niestandardowym module

Uwaga: czcionki Google nie są dostępne dla niestandardowych modułów używanych w szablonach wiadomości e-mail.


  1. Na swoim koncie HubSpot przejdź do Treści > Design Manager.
  2. W wyszukiwarce po lewej stronie otwórz moduł niestandardowy. Dowiedz się więcej o tworzeniu modułów niestandardowych.
  3. W inspektorze po prawej stronie kliknij menurozwijaneDodaj polewsekcjiPolai wybierzopcję Czcionka. Dowiedz się więcej o pracy z polami czcionek.

  4. W prawym górnym rogu kliknij opcję Opublikuj zmiany, abyzmiany zaczęły obowiązywać. 

  5. Przejdź do swojej treści:

  6. Kliknij nazwę treści przy użyciu modułu niestandardowego. 
  7. W edytorze treści kliknijmoduł niestandardowy. 
  8. W edytorze paska bocznego kliknij menurozwijane Pole czcionkii wybierzczcionkę Google. 

Użyj czcionek niestandardowych

Alternatywą dla używania standardowych czcionek internetowych lub bibliotek czcionek, takich jakczcionki Google, jest przesłanie plików czcionek, a następnie użycie ich w motywach lub odwołanie się do nich w arkuszach stylów. 

Korzystanie z czcionek niestandardowych w motywach

W edytorze motywów można przesłać czcionkę niestandardową, a następnie używać jej na stronach i w postach. Obsługiwane są pliki czcionek w następujących formatach: TTF, OTF, WOFF.

Przesyłanie niestandardowych czcionek do stron lub postów

Po przesłaniu niestandardowych czcionek będą one dostępne dla stron, postów lub artykułów bazy wiedzy.

  1. Przejdź do treści:

  2. Kliknij nazwę swojej treści. 
  3. W edytorze treści kliknijmenu Edytuji wybierzMotyw: [Nazwa motywu].
  4. W menu paska bocznego po lewej stronie kliknij dowolnemenu rozwijane czcionek i wybierz opcjęZarządzaj czcionkami marki.
  5. Aby dodać lub edytować czcionki, postępuj zgodnie z instrukcjami zawartymi w tym artykule bazy wiedzy.

Przesyłanie niestandardowych czcionek do artykułów bazy wiedzy

Po przesłaniu niestandardowych czcionek będą one dostępne dla stron, postów lub artykułów bazy wiedzy.

  1. Na koncie HubSpot przejdź do Obsługa klienta > Baza wiedzy.
  2. W prawym górnym rogu kliknij opcjęDostosuj szablon.
  3. W lewym pasku bocznym kliknij kartę Projekt.
  4. W lewym pasku bocznym kliknij opcję Style czcionek.
  5. Kliknij dowolnemenu rozwijane czcionek i wybierz opcjęZarządzaj czcionkami marki.
  6. Aby dodać lub edytować czcionki, postępuj zgodnie z instrukcjami zawartymi w tym artykule bazy wiedzy.

Edytuj niestandardowe czcionki

Po przesłaniu niestandardowej czcionki w edytorze motywów możesz przesłać dodatkowe czcionki, dostosować istniejące czcionki za pomocą dodatkowych stylów czcionek lub usunąć czcionki. 

Używanie niestandardowych czcionek w arkuszach stylów

Alternatywą dla korzystania ze standardowych czcionek internetowych lub bibliotek czcionek, takich jakGoogle Fonts, jest przechowywanie plików czcionek w narzędziu plików, a następnie odwołanie się do nich w arkuszu stylów. 

Uwaga:czcionkiniestandardowesą dostępne tylko na kontach z dostępem do menedżera projektów i muszą być stosowane za pomocą CSS. Dodanie czcionki niestandardowejnie spowoduje dodania jej do menu rozwijanego stylów w edytorze treści. 

Aby użyć czcionki w treści, prześlij pliki czcionki do narzędzia plików. Zaleca się przesłanie co najmniej wersji czcionki .woff, .ttf i .eot, aby zapewnić jej ładowanie we wszystkich przeglądarkach. Możesz użyć trybu eksperckiego wnarzędziu konwertującym Font Squirrel, aby wygenerować dodatkowe formaty plików.

  1. Na koncie HubSpot przejdź do Treść > Pliki. Jeśli korzystasz z bezpłatnych narzędzi HubSpot, przejdź do Marketing > E-mail. W prawym górnym rogu kliknij Narzędzia e-mail i wybierz Pliki.
  2. Kliknij opcjęPrześlij pliki. 
  3. Na dysku twardym komputera wybierzpliki czcionek, a następnie kliknijOtwórz. 
  4. Kliknij nazwę przesłanego pliku czcionki. 
  5. W prawym panelu kliknijopcję Kopiuj adres URL, aby skopiować adres URL, pod którym znajduje się plik. Będziesz potrzebować adresu URL czcionki w każdym formacie pliku. 

Użyj niestandardowej czcionki w arkuszu stylów

Po dodaniu niestandardowej czcionki do narzędzia plików można odwołać się do niej w arkuszu stylów. Każdy styl czcionki (kursywa, pogrubienie itp.) będzie wymagał oddzielnej reguły @font-face. Dowiedz się więcej o pracy z arkuszami stylów w HubSpot. 

  1. Na swoim koncie HubSpot przejdź do Treści > Design Manager.
  2. W wyszukiwarce otwórz arkusz stylów używany dla Twojej treści.
  3. Dla każdego stylu czcionki: 
    • W górnej części arkusza stylów wklej następujący kod: 
@font-face { font-family: 'Your Font Name'; src: url('your_font_file.eot?') format('eot'), url('your_font_file.woff') format('woff'), url('your_font_file.ttf') format('truetype');}
      • Zastąp nazwę czcionki nazwą czcionki.
      • Zastąpyour_font_file.xxx? adresemURL z narzędzia plików. Powtórz tę czynność dla każdego formatu pliku.
  1. Utwórz reguły CSS z właściwością font-family, aby zastosować niestandardową czcionkę. 
  2. W prawym górnym rogu kliknij opcję Aktualizuj lubPublikuj, aby zmiany zaczęły obowiązywać. 

Użyj niestandardowej czcionki w niestandardowym szablonie wiadomości e-mail

Niestandardowe czcionki nie są obsługiwane w większości popularnych klientów poczty e-mail. Aby zapewnić spójność wyświetlania wiadomości dla czytelników, zaleca się używanie domyślnych czcionek internetowych w wiadomościach e-mail. Jeśli jednak chcesz dodać niestandardową czcionkę do niestandardowego szablonu wiadomości e-mail, możesz to zrobić po dodaniu niestandardowej czcionki do narzędzia plików.

  1. Na swoim koncie HubSpot przejdź do Treści > Design Manager.
  2. W wyszukiwarce otwórz niestandardowy szablon wiadomości e-mail.
  3. Dla każdego stylu czcionki:
    • W sekcji <head> szablonu wklej ten kod między tagami <style>....</style>: 
@font-face { font-family: 'Your Font Name'; src: url('your_font_file.eot?') format('eot'), url('your_font_file.woff') format('woff'), url('your_font_file.ttf') format('truetype');}
    • Zastąp nazwę czcionki nazwą czcionki.
    • Zastąpyour_font_file.xxx? adresemURLz narzędzia plików. Powtórz tę czynność dla każdego formatu pliku. 
  1. W kodzie treści wiadomości e-mail dodaj niestandardową czcionkę w stylu inline. 
  2. W prawym górnym rogu kliknij opcję Aktualizuj lubPublikuj, aby wprowadzić zmiany. 

Użyj niestandardowej czcionki w wezwaniu do działania

Po dodaniu niestandardowej czcionki do motywu możesz używać jej w wezwaniach do działania:

      1. Na koncie HubSpot przejdź do Marketing > Wezwania do działania.
      2. W lewym górnym rogu kliknij menu rozwijane i wybierz CTA
      3. Najedź kursorem na CTA, a następnie kliknij Actions > Edit. 
      4. W lewym panelu edytora CTA kliknij kartę Projekt. 
      5. Kliknij sekcję Style , aby ją rozwinąć.
      6. Kliknij menu rozwijane Primary Font i wybierz własną czcionkę. 
      7. Kontynuuj tworzenie przycisku CTA. 

 

Użyj niestandardowej czcionki w wezwaniu do działania (starsza wersja)

Podobnie jak w przypadku wezwań do działania, po przesłaniu niestandardowego pliku formularza można go używać w starszych wersjach wezwań do działania:

      1. Na koncie HubSpot przejdź do Marketing > Wezwania do działania.
      2. Najedź kursorem na CTA, a następnie kliknij opcję Działania > Edytuj. 
      3. W prawym panelu kliknijopcję Opcje zaawansowane. 
      4. W polu tekstowym wklej ten kod:

        font-family: 'Nazwa czcionki';
      5. Zastąp nazwę czcionkinazwą czcionki.
      6. W prawym dolnym rogu kliknijDalej. Następnie kliknij Zapisz. 

Użyj niestandardowej czcionki w niestandardowym module

Po dodaniu niestandardowej czcionki do narzędzia plików można jej używać w niestandardowych modułach bloga lub strony. Dowiedz się, jak dodać niestandardową czcionkę do niestandardowego szablonu wiadomości e-mail. 

  1. Na swoim koncie HubSpot przejdź do Treści > Design Manager.
  2. Wwyszukiwarce otwórz moduł niestandardowy.
  3. W sekcji module.css wklej następujący kod: 
@font-face { font-family: 'Your Font Name'; src: url('your_font_file.eot?') format('eot'), url('your_font_file.woff') format('woff'), url('your_font_file.ttf') format('truetype');}
  1. Zastąp nazwę czcionki nazwą czcionki.
  2. Zastąpyour_font_file.xxx? adresemURLz narzędzia plików. Powtórz tę czynność dla każdego formatu pliku.
  3. Utwórz reguły CSS z właściwością font-family, aby zastosować niestandardową czcionkę. 
  4. W prawym górnym rogu kliknij opcję Opublikuj zmiany, aby wprowadzić zmiany. 
Czy ten artykuł okazał się pomocny?
Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.

Powiązana treść

Spis treści /pl/website-and-landing-pages/use-fonts-in-hubspot Valikko

Powiązana treść

New call-to-action