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: 6 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 Typ czcionki  
  Czcionki domyślne Czcionki internetowe

Czcionki niestandardowe

  
Strona – szablony motywów ✓ Dostępne w ustawieniach motywu i poprzez arkusz stylów ✓  
Strona – kodowany szablon ✓ 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 dostosować 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żyj domyślnych czcionek w modułach tekstu sformatowanego

Wymagana subskrypcja Do wykonania [akcji] wymagana jest [[subskrypcja] [lub [subskrypcja]].

.

Domyślne czcionki 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 swoich treści:

    • Strony internetowe: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
    • Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > Strony docelowe.
    • Blog: Na swoim koncie HubSpot przejdź do Treści > Blog.
    • E-mail: Na koncie HubSpot przejdź do Marketing > E-mail.
  2. Kliknij nazwę 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ść”.

Korzystanie z 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. HubSpot ładuje je bezpośrednio z domeny 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 wprowadźnazwę 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 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 Font 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 w kontach z subskrypcją Marketing Hub Professional lub Enterprise.
Aby dodać czcionkę Google Fonts 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 kodowany 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 ustawienia 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 ustawienia 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 wybierzczcionkę Google. 
  6. W prawym górnym rogu kliknijAktualizuj lubOpublikuj, aby wprowadzić zmiany. 

Używanie czcionki Google Font w module niestandardowym

Uwaga: czcionki Google Fonts nie są dostępne dla modułów niestandardowych 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, abywprowadzić zmiany. 

  5. Przejdź do swojej treści:

    • Strony witryny: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
    • Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > Strony docelowe.
    • Blog: Na swoim koncie HubSpot przejdź do Treści > Blog.
  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 pola Czcionkai wybierz czcionkęGoogle Font. 

Korzystanie z czcionek niestandardowych

Alternatywą dla korzystania ze standardowych czcionek internetowych lub bibliotek czcionek, takich jakGoogle Fonts, 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 wpisów

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

  1. Przejdź do treści:

    • Strony witryny: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
    • Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > Strony docelowe.
    • Blog: Na swoim koncie HubSpot przejdź do Treści > Blog.
  2. Kliknij nazwę treści. 
  3. W edytorze treści kliknijmenu Edytuji wybierzMotyw: [Nazwa motywu].
  4. W menu bocznym 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. Na pasku bocznym po lewej stronie 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.

Edytowanie czcionek niestandardowych

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

Korzystanie z czcionek niestandardowych w arkuszach stylów

Alternatywą dla korzystania ze standardowych czcionek internetowych lub biblioteki czcionek, takiej jakGoogle Fonts, jest hostowanie 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żywanie niestandardowej czcionki w arkuszu stylów

Po dodaniu niestandardowej czcionki do narzędzia plików możesz 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 Twoich 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: 'Nazwa czcionki'; src: url('plik_czcionki.eot?') format('eot'), url('plik_czcionki.woff') format('woff'), url('plik_czcionki.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 wprowadzić zmiany. 

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: 'Nazwa czcionki'; src: url('plik_czcionki.eot?') format('eot'), url('plik_czcionki.woff') format('woff'), url('plik_czcionki.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 jej używać 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 przycisk CTA, a następnie kliknij opcję Działania > Edytuj. 
      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żywanie niestandardowej czcionki w CTA (starsza wersja)

Podobnie jak w przypadku CTA, po przesłaniu niestandardowego pliku formularza można go używać ze starszymi wersjami CTA:

      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żywanie 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: 'Nazwa czcionki'; src: url('plik_czcionki.eot?') format('eot'), url('plik_czcionki.woff') format('woff'), url('plik_czcionki.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ść

Powiązana treść

New call-to-action