Przejdź do treści
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.

Korzystanie z czcionek w HubSpot

Data ostatniej aktualizacji: 14 sierpnia 2026

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

Czcionki w HubSpot są dostępne na różne sposoby, w zależności od typu treści i rodzaju czcionki. Niektóre czcionki domyślne są dostępne we wszystkich edytorach treści. Czcionki internetowe i czcionki niestandardowe mogą wymagać dodania do ustawień motywu, arkuszy stylów, modułów niestandardowych lub szablonów z kodem.

Przed rozpoczęciem

Zanim zaczniesz korzystać z czcionek w HubSpot, przeprowadź ocenę wymogów i wskazówek.

Wymagane uprawnienia W zależności od tego, gdzie czcionka jest używana, użytkownik może potrzebować dodatkowych uprawnień:

Zrozumienie ograniczeń i rozważań

  • Nie wszystkie typy treści są dostępne na wszystkich kontach. Aby sprawdzić, jakie typy treści są dostępne w ramach Twojej subskrypcji, zapoznaj się z katalogiem usług „ & ”.
  • Oceniaj poniższą tabelę, aby dowiedzieć się, jakie opcje czcionek są dostępne dla poszczególnych typów treści:
Typ treści Rodzaj czcionki  
  Czcionki domyślne Czcionki internetowe

Czcionki niestandardowe

 
Strona – szablony motywów Dostępne w ustawieniach motywu oraz za pośrednictwem arkusza stylów  
Strona – szablon z kodem Dostępne za pośrednictwem arkusza stylów lub modułu niestandardowego Dostępne za pośrednictwem arkusza stylów  
Blog Dostępne za pośrednictwem arkusza stylów lub modułu niestandardowego  
Adres e-mail Niektóre czcionki domyślne nie są dostępne w edytorze wiadomości e-mail wykorzystującym przeciąganie i upuszczanie Dostępne wyłącznie w przypadku szablonów wiadomości e-mail tworzonych na zamówienie; funkcja ta nie jest obsługiwana przez większość klientów poczty elektronicznej Dostępne wyłącznie w przypadku szablonów wiadomości e-mail tworzonych na zamówienie; funkcja ta nie jest obsługiwana przez większość klientów poczty elektronicznej  
Formularze Dostępne w edytorze formularzy w zakładce „Styl ”. Dostępne poprzez czcionki niestandardowe w motywach lub czcionki niestandardowe w arkuszach stylów na stronie lub w wpisie, w którym osadzony jest formularz.  
Baza wiedzy W edytorze artykułów nie można dostosowywać czcionek Dostępne w ustawieniach motywu  Dostępne w ustawieniach motywu  
Moduł niestandardowy Dostępne dla modułów niestandardowych, które nie są wykorzystywane w wiadomościach e-mail Dostępne dla modułów niestandardowych, które nie są wykorzystywane w wiadomościach e-mail  
CTA (wersja starsza)  
CTA  

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

Domyślne czcionki są obsługiwane we wszystkich treściach HubSpot, choć dostępne opcje oraz miejsca, w których można je zastosować, zależą od typu treści.

  1. Przejdź do swojej zawartoś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 formatu tekstu kliknij menurozwijane „Czcionka”i wybierz czcionkę. W modułach tekstu sformatowanego dostępne są następujące czcionki:
Czcionki domyślne
Czcionki firmowe Merriweather
Andale Mono Monako
Arial Symbol
Książka „Antiqua” Tahoma
Courier New Terminal
Gruzja Times New Roman
Helvetica Trebuchet MS
Wpływ Verdana
Lato  

Korzystaj z czcionek internetowych

Czcionki internetowe są obsługiwane w niektórych treściach HubSpot, ale nie są dostępne w menu rozwijanym „Czcionka” w edytorze tekstu sformatowanego. W zależności od typu treści czcionki internetowe można zastosować w ustawieniach motywu, arkuszach stylów, modułach niestandardowych lub szablonach kodowanych. 

Programiści mogą korzystać z pola „czcionka” , aby dodawać czcionki internetowe do motywów i modułów niestandardowych. Gdy czcionki internetowe są dodawane w ten sposób, HubSpot ładuje je bezpośrednio z domeny, na której znajduje się treść, zamiast pobierać je z serwisu zewnętrznego.

Aby skorzystać z usług zewnętrznych, takich jak Google Fonts , należy skopiować kod importujący czcionkę, wkleić go do arkusza stylów treści, a następnie zastosować czcionkę za pomocą CSS:

  1. Wejdź na stronę fonts.google.com.
  2. W pasku wyszukiwania wpisznazwę czcionki
  3. Kliknij nazwę czcionki , aby wyświetlić listę stylów dostępnych do importu.
  4. Kliknij przycisk „Pobierz czcionkę” w prawym górnym rogu.
  5. Kliknij opcję „Pobierz kod do osadzenia” w prawym górnym rogu.
  6. W prawej kolumnie wybierz opcję @import w zakładce „Web ”.
  7. Skopiuj kod @import bez tagu <style> .
  8. Skopiujkod klasy Css , aby ustawić reguły Css. 

  1. Po skopiowaniu kodu z serwisu Google Fonts możesz dodać czcionkę do treści w HubSpot: 

Wykorzystanie czcionki Google Font w arkuszu stylów

  1. Skopiuj kod @import czcionki z serwisu Google Fonts.
  2. Na koncie HubSpot kliknij opcję Więcej, a następnie przejdź do Treść > Design manager. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Design manager.
  3. W oknie „Finder” otwórz arkusz stylów używany dla twojej treści.
  4. Wklej kod import w pierwszym wierszu arkusza stylów. 
  5. Dodaj kod definiujący reguły CSS do odpowiednich selektorów w arkuszu stylów.
  6. W prawym górnym rogu kliknij opcję„Opublikuj zmiany ”, aby wprowadzić zmiany na stronie. 

Wykorzystanie czcionki Google Font w szablonie wiadomości e-mail stworzonym samodzielnie

Czcionki Google Fonts są obsługiwane w aplikacji Apple Mail oraz kilku innych klientach poczty elektronicznej, jednak ich powszechna obsługa jest ograniczona. Najpopularniejsze programy pocztowe obsługują wyłącznie domyślne czcionki internetowe. Dowiedz się więcej o wyborze domyślnych czcionek używanych w klasycznym edytorze wiadomości e-mail

Wymagana subskrypcja Do tworzenia szablonów wiadomości e-mail z własnym kodem wymagana jest subskrypcja Marketing Hub Professional lub Enterprise .


Aby dodać czcionkę Google Font do szablonu wiadomości e-mail stworzonego samodzielnie: 

  1. Skopiuj kod @import czcionki z serwisu Google Fonts.
  2. Na koncie HubSpot kliknij opcję Więcej, a następnie przejdź do Treść > Design manager. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Design manager.
  3. W oknie „Finder” otwórz szablon wiadomości e-mail z własnym kodem.
  4. W<head> sekcji szablonu wklej kod @import pomiędzy tagami <style>....</style> Tags. 
  5. W sekcji szablonu „ <body> ” dodaj niestandardową czcionkę w stylu lokalnym
  6. W prawym górnym rogu kliknij opcję „Opublikuj zmiany”, abywprowadzić zmiany na stronie. 

Wykorzystanie czcionki Google Font w przycisku CTA (stara wersja)

  1. Skopiuj kod z Google służący do ustawiania reguł CSS dla tej czcionki.
  2. Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Wezwania do działania. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Wezwania do działania.
  3. Najedź kursorem na przycisk CTA, a następnie kliknij opcję „Działania” >„Edytuj”. 
  4. W prawym panelu kliknijopcję „Opcje zaawansowane”. 
  5. W polu tekstowym wklej kod z serwisu Google służący do ustawienia reguł Css dla tej czcionki. 
  6. W prawym dolnym rogu kliknij przycisk„Dalej”. Następnie kliknij przycisk Zapisz.

Wykorzystanie czcionki Google Font w formularzu

  1. Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Formularze. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Formularze.
  2. Najedź kursorem na nazwę formularza i kliknij opcję „Działania” > , a następnie wybierz „Edytuj formularz” lub „Utwórz nowy formularz”.
  3. W edytorze formularzy kliknij kartę podglądu „Styl” ( & )
  4. W menu po lewej stronie kliknijsekcję „Styl”.
  5. Wsekcji „Tekst”kliknij menu rozwijane„Rodzina czcionek ” i wybierz czcionkę z serwisuGoogle Fonts
  6. W prawym górnym rogu kliknij przycisk„Aktualizuj” lub„Opublikuj” , aby wprowadzić zmiany. 

Wykorzystanie czcionki Google Font w module niestandardowym

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

  1. Na koncie HubSpot kliknij opcję Więcej, a następnie przejdź do Treść > Design manager. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Design manager.
  2. W oknie „Finder” kliknij nazwę modułu niestandardowego. Dowiedz się więcej o tworzeniu modułu niestandardowego.
  3. W inspektorze kliknij menu rozwijane „Dodaj pole” wsekcji „Pola” i wybierz opcję „Czcionka”. Dowiedz się więcej o pracy z polami czcionek.
  1. W prawym górnym rogu kliknij opcję „Opublikuj zmiany”, abywprowadzić zmiany na stronie. 
  2. Przejdź do swojej zawartości:
  3. Kliknij nazwę treści za pomocą modułu niestandardowego. 
  4. W edytorze treści kliknijmoduł niestandardowy
  5. W edytorze paska bocznego kliknij menurozwijane pola „Czcionka”i wybierzczcionkę z serwisu Google Fonts

Użyj niestandardowych czcionek

Zamiast korzystać ze standardowych czcionek internetowych lub bibliotek czcionek, takich jakGoogle Fonts, możesz przesłać pliki czcionek, a następnie wykorzystać je w motywach lub odwołać się do nich w arkuszach stylów. 

Używanie niestandardowych czcionek w motywach

W edytorze motywów prześlij niestandardową czcionkę, a następnie używaj jej na stronach i w wpisach. Obsługiwane są pliki czcionek w następujących formatach: TTF, OTF, WOFF.

Prześlij niestandardowe czcionki do stron lub wpisów

Po przesłaniu niestandardowych czcionek będą one dostępne na stronach, w wpisach oraz w artykułach bazy wiedzy.

  1. Przejdź do swojej zawartości:

  2. Kliknij nazwę swojej treści. 
  3. W edytorze treści kliknijmenu „Edytuj” i wybierz opcję„Motyw: [nazwa motywu]”.
  4. W menu 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 z Bazy wiedzy .

Prześlij niestandardowe czcionki do artykułów w Bazie wiedzy

Po przesłaniu niestandardowych czcionek będą one dostępne na stronach, w wpisach oraz w artykułach bazy wiedzy.

  1. Na koncie HubSpot kliknij opcję Więcej, a następnie przejdź do Usługi > Baza wiedzy. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Usługi > 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 z Bazy wiedzy .

Edytuj czcionki niestandardowe

Po załadowaniu niestandardowej czcionki w edytorze motywu możesz załadować kolejne czcionki, dostosować istniejące czcionki, dodając do nich nowe style, lub usunąć czcionki.

Używanie niestandardowych czcionek w arkuszach stylów

Zamiast korzystać ze standardowych czcionek internetowych lub biblioteki czcionek, takiej jakGoogle Fonts, możesz umieścić pliki czcionek w narzędziu do zarządzania plikami, a następnie odwołać się do nich w arkuszu stylów. 

Uwaga:czcionki niestandardowesą dostępne wyłącznie na kontach z dostępem do design managera i należy je zastosować za pomocą CSS. Dodanie niestandardowej czcionkinie spowoduje, że czcionka ta pojawi się w menu rozwijanym opcji stylizacji w edytorze treści.

Aby użyć czcionki w treści, prześlij pliki czcionki do narzędzia do zarządzania plikami. Zaleca się przesłanie co najmniej wersji czcionki w formatach .woff,.ttf i .eot , aby zapewnić jej prawidłowe wyświetlanie we wszystkich przeglądarkach. Możesz skorzystać z trybu eksperckiego wnarzędziu do konwersji serwisu Font Squirrel, aby wygenerować pliki w dodatkowych formatach.

  1. Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Pliki. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Pliki.
  2. Kliknij„Prześlij pliki”.
  3. Na dysku twardym komputera wybierzpliki czcionek, a następnie kliknij przycisk„Otwórz”.
  4. Kliknij nazwę przesłanego pliku czcionki.
  5. W prawym panelu kliknij opcję„Kopiuj adres URL ”, aby skopiować adres URL, pod którym znajduje się plik. Będziesz potrzebować adresu URL czcionki dla każdego formatu pliku.

Użycie 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.) wymaga osobnej reguły @font-face . Dowiedz się więcej o pracy z arkuszami stylów w HubSpot

  1. Na koncie HubSpot kliknij opcję Więcej, a następnie przejdź do Treść > Design manager. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Design manager.
  2. W oknie „Finder” otwórz arkusz stylów używany dla twojej treści.
  3. Dla każdego stylu czcionki: 
    • Na początku arkusza stylów wklej poniższy 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ą swojej czcionki.
    • Zastąp„your_font_file.xxx?” adresemURL z narzędzia do obsługi plików. Powtórz tę czynność dla każdego formatu pliku.
  1. Utwórz reguły CSS z wykorzystaniem właściwości ` font-family `, aby zastosować niestandardową czcionkę. 
  2. W prawym górnym rogu kliknij przycisk „Aktualizuj” lub„Opublikuj” , aby wprowadzić zmiany. 

Jak użyć niestandardowej czcionki w wiadomości e-mail w edytorze wykorzystującym przeciąganie i upuszczanie

Niestandardowe czcionki w wiadomościach e-mail są obsługiwane w aplikacji Apple Mail, a częściowo także w aplikacji Samsung Mail. Czcionki niestandardowe nie są obsługiwane w Gmailu, Outlooku ani w większości mobilnych przeglądarek internetowych. Aby zapewnić czytelnikom spójne wrażenia podczas czytania, zaleca się stosowanie domyślnych czcionek internetowych w wiadomościach e-mail.

Jeśli jednak chcesz dodać niestandardową czcionkę do wiadomości e-mail w edytorze wykorzystującym przeciąganie i upuszczanie, możesz to zrobić po przesłaniu tej czcionki do zestawu marki i ustawieniu czcionki zastępczej. 

  1. Dodaj czcionkę niestandardową do zestawu marki, a następnie wybierz czcionkę zastępczą, która najbardziej przypomina czcionkę niestandardową. Aby uniknąć problemów z czcionkami zastępczymi:  
  2. Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > E-mail. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > E-mail.
  3. Kliknijnazwę wiadomoście-mailowejo charakterzemarketingowym lub kliknij opcję„Utwórz wiadomość e-mail”, aby utworzyć nową wiadomość.
  4. Aby zastosować niestandardową czcionkę do formatowania różnych rodzajów tekstu, takich jak akapity lub nagłówki:
    • W edytorze wiadomości e-mail kliknij ikonę szablonuw lewym pasku bocznym.
    • Aby ustawić czcionkę w sekcji „Style tekstu”, kliknijmenu rozwijane iwybierzczcionkę zsekcji„Czcionki niestandardowe ”.

  1. Aby użyć niestandardowej czcionki w module tekstu sformatowanego: 
    • W edytorze wiadomości e-mail zaznacz tekst w module RTF.
    • W edytorze tekstu sformatowanego kliknijmenu rozwijane czcionek, najedź kursorem naopcję „Czcionki niestandardowe”, a następnie na wybraną czcionkę niestandardową i wybierzgrubość czcionki.

  1. Napisz treść wiadomości e-mail, a następnie wyświetl jej podgląd w różnych klientach poczty.
  2. Sfinalizuj i wyślij wiadomość e-mail.

Użycie niestandardowej czcionki w szablonie wiadomości e-mail stworzonym samodzielnie

Czcionki niestandardowe są obsługiwane w aplikacji Apple Mail, a w aplikacji Samsung Mail – częściowo. Czcionki niestandardowe nie są obsługiwane w Gmailu, Outlooku ani w większości mobilnych przeglądarek internetowych. Aby zapewnić czytelnikom spójne wrażenia podczas czytania, zaleca się stosowanie domyślnych czcionek internetowych w wiadomościach e-mail.

Jeśli jednak chcesz dodać niestandardową czcionkę do szablonu wiadomości e-mail stworzonego samodzielnie, możesz to zrobić po dodaniu tej czcionki do narzędzia do obsługi plików.

  1. Na koncie HubSpot kliknij opcję Więcej, a następnie przejdź do Treść > Design manager. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Design manager.
  2. W oknie „Finder” kliknij nazwę swojego niestandardowego szablonu wiadomości e-mail.
  3. Dla każdego stylu czcionki:
    • W sekcji szablonu „ <head> ” wklej poniższy 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ą swojej czcionki.
    • Zastąp„your_font_file.xxx?” adresemURLz narzędzia do obsługi plików. Powtórz tę czynność dla każdego formatu pliku. 
  1. W kodzie treści wiadomości e-mail dodaj niestandardową czcionkę, stosując styl lokalny
  2. W prawym górnym rogu kliknij przycisk „Aktualizuj” lub„Opublikuj” , aby wprowadzić zmiany. 

Użyj niestandardowej czcionki w przycisku CTA

Po dodaniu niestandardowej czcionki do motywu możesz używać jej w przyciskach CTA.

  1. Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Wezwania do działania. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Wezwania do działania.
  2. W lewym górnym rogu kliknij menu rozwijane i wybierz opcję „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 „Czcionka podstawowa ” i wybierz swoją niestandardową czcionkę
  7. Kontynuuj tworzenie swojego CTA

Użycie niestandardowej czcionki w przycisku CTA (stara wersja)

Podobnie jak w przypadku przycisków CTA, po załadowaniu pliku z niestandardową czcionką można z niej korzystać w starszych wersjach przycisków CTA.

  1. Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Wezwania do działania. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Wezwania do działania.
  2. Najedź kursorem na przycisk CTA, a następnie kliknij opcję „Działania” >„Edytuj”. 
  3. W prawym panelu kliknijopcję „Opcje zaawansowane”. 
  4. W polu tekstowym wklej poniższy kod:

    font-family: 'Your Font Name';
  5. Zastąp nazwę czcionkinazwą swojejczcionki.
  6. W prawym dolnym rogu kliknij przycisk„Dalej”. Następnie kliknij przycisk Zapisz.

Użycie niestandardowej czcionki w formularzu

Czcionki niestandardowe i czcionki firmowe z sekcji „Ustawienia marki” nie są dostępne bezpośrednio w edytorze formularzy. W selektorze czcionek wyświetlane są wyłącznie czcionki domyślne oraz czcionki Google Fonts.

Aby zastosować niestandardową czcionkę lub czcionkę marki w formularzu, należy najpierw załadować tę czcionkę na poziomie strony lub wpisu na blogu, w którym osadzony jest formularz:

Użycie niestandardowej czcionki w niestandardowym module

Po dodaniu niestandardowej czcionki do narzędzia plików możesz z niej korzystać w niestandardowych modułach bloga lub strony. Dowiedz się, jak dodać niestandardową czcionkę do szablonu wiadomości e-mail stworzonego samodzielnie

  1. Na koncie HubSpot kliknij opcję Więcej, a następnie przejdź do Treść > Design manager. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Design manager.
  2. W Finderze kliknij nazwę modułu niestandardowego.
  3. W edytorze modułów, w sekcjimodule.css , wklej poniższy 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ą swojej czcionki.
    • Zastąp„your_font_file.xxx?” adresemURLz narzędzia do obsługi plików. Powtórz tę czynność dla każdego formatu pliku.
  1. Utwórz reguły CSS z wykorzystaniem właściwości ` font-family `, aby zastosować niestandardową czcionkę. 
  2. W prawym górnym rogu kliknij opcję „Opublikuj zmiany”, abywprowadzić zmiany na stronie. 
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.