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.

Używanie czcionek w HubSpot

Data ostatniej aktualizacji: 26 maja 2025

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 typu treści i rodzaju czcionki. Niektóre domyślne czcionki są dostępne we wszystkich edytorach treści, podczas gdy czcionki internetowe (takie jak Google Fonts) i czcionki niestandardowe mają dodatkowe ograniczenia, opisane poniżej:

Treść Typ czcionki
Czcionki domyślne Czcionki internetowe

Czcionki niestandardowe

Strona - Szablony tematyczne Dostępne w ustawieniach motywu i poprzez arkusz stylów
Strona - zakodowany szablon Dostępne za pośrednictwem arkusza stylów lub modułu niestandardowego Dostępne przez arkusz stylów
Blog Dostępne za pośrednictwem arkusza stylów lub modułu niestandardowego
Wiadomość e-mail Niektóre domyślne czcionki niedostępne w edytorze wykorzystującym przeciąganie i upuszczanie wiadomości e-mail Dostępne tylko dla szablonów e-mail z niestandardowym kodem; nieobsługiwane w większości klientów poczty e-mail Dostępne tylko dla niestandardowych szablonów wiadomości e-mail; nieobsługiwane w większości klientów poczty e-mail
Baza wiedzy Czcionek nie można dostosować w edytorze artykułów Dostępne w ustawieniach szablonu Dostępne w ustawieniach szablonu
Moduł niestandardowy Dostępne dla modułów niestandardowych nieużywanych w wiadomościach e-mail Dostępne dla modułów niestandardowych nieużywanych w wiadomościach e-mail
CTA (legacy)
CTA

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

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

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

  1. Przejdź do treści:

    • Strony w witrynieinternetowej: 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.
    • Wiadomość e-mail: Na koncie HubSpot przejdź do Marketing > E-mail.
  2. Kliknij nazwę treści.
  3. W edytorze treści kliknij moduł tekstu sformatowanego, a następnie zaznacz tekst, który chcesz edytować.
  4. Na pasku narzędzi tekstu sformatowanego kliknij menu rozwijane Czcionka i wybierz czcionkę. W modułach tekstu sformatowanego dostępne są następujące czcionki:
    • 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 wykorzystującym przeciąganie i upuszczanie wiadomości e-mail.

**Dostępna tylko jako czcionka internetowa w edytorze wykorzystującym przeciąganie i upuszczanie wiadomości e-mail.

Używanie 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 przypadku użycia w ten sposób czcionki internetowe nie są ładowane z usługi innej firmy; HubSpot zamiast tego załaduje je bezpośrednio z domeny treści.

Uwaga: czcionek internetowych nie można wybrać w menu rozwijanym czcionek edytora tekstu sformatowanego.

Możesz także skorzystać z usług innych firm, 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. Na pasku wyszukiwania wpisz nazwę czcionki.
  3. Kliknij nazwę czcionki, aby wyświetlić listę stylów dostępnych do importu.
  4. Obok każdego stylu, który chcesz importować, kliknij + Wybierz ten styl
  5. W prawym panelu wybierz @import w sekcji Użyj w sieci .
  6. Skopiuj kod czcionki:
    • W sekcji Użyj na stronie internetowej skopiuj kod @import bez tagu <style>.
    • W polu CSS rules to specify families skopiuj kod służący do ustawiania reguł CSS.

copy-google-font

Po uzyskaniu kodu z Google Fonts, można dodać treść do HubSpot:

Używanie czcionki Google w arkuszu stylów

  1. Skopiujkod @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 treści.
  4. Wklej kod @import do linii 1 arkusza stylów.
  5. Dodaj kod ustawiający reguły CSS do odpowiednich selektorów w arkuszu stylów.
  6. Kliknij przycisk Opublikuj zmiany w prawym górnym rogu, aby wprowadzić zmiany na żywo.
add-google-fonts-imported-font-to-stylesheet

Używanie czcionki Google Font w szablonie wiadomości e-mail o niestandardowym kodzie

Chociaż czcionki Google są obsługiwane przez Apple Mail i kilka innych klientów poczty e-mail, szerokie wsparcie jest ograniczone, a większość popularnych klientów poczty e-mail obsługuje tylko domyślne czcionki internetowe. Dowiedz się więcej o wyboru domyślnych czcionek używanych w klasycznym edytorze wiadomości e-mail.
 
Szablony wiadomości e-mail z kodem klienta są dostępne tylko na kontach z usługą Marketing Hub Profesjonalny lub SubskrypcjaEnterprise.
 
Aby dodać czcionkę Google Font do szablonu wiadomości e-mail o niestandardowym kodzie:
  1. Skopiuj kod @import czcionki z Google Fonts.
  2. Na swoim koncie HubSpot przejdź do Treści > Design Manager.
  3. W wyszukiwarce otwórz szablon wiadomości e-mail z kodem niestandardowym.
  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 lokalnym.
  6. W prawym górnym rogu kliknij przycisk Opublikuj zmiany, aby wprowadzić zmiany na żywo.

Używanie czcionki Google w CTA (starsze wersje)

  1. Skopiujkod Google 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 Akcje > Edytuj.
  4. W prawym panelu kliknij Opcje zaawansowane.
  5. W polu tekstowym wklej kod Google do ustawiania reguł CSS dla tej czcionki.
  6. W prawym dolnym rogu kliknij Dalej. Następnie kliknij Zapisz.

Używanie czcionki Google w formularzu

  1. Na koncie HubSpot przejdź do sekcji Marketing > Formularze.
  2. Najedź kursorem na nazwę formularza i kliknij Akcje > Edytuj formularz lub Utwórz nowy formularz.
  3. W edytorze formularzy kliknij kartę Styl i podgląd.
  4. W menu na lewym pasku bocznym kliknij sekcję Styl .
  5. W sekcji Tekst kliknij menu rozwijane Rodzina czcionek i wybierz czcionkę Google Font.
  6. W prawym górnym rogu kliknij przycisk Aktualizuj lub Publikuj, aby wprowadzić zmiany na żywo.

Używanie czcionki Google w module niestandardowym

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łu niestandardowego.
  3. W inspektorze po prawej stronie kliknij menu rozwijane Dodaj pole w sekcji Pola i wybierz opcję Czcionka. Dowiedz się więcej o pracy z polami czcionek.

    click-add-field
  4. W prawym górnym rogu kliknij przycisk Opublikuj zmiany , aby wprowadzić zmiany na żywo.
  5. Przejdź do treści:

    • Strony w witrynie internetowej: 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 za pomocą modułu niestandardowego.
  7. W edytorze treści kliknij moduł niestandardowy.
  8. W edytorze paska bocznego kliknij menu rozwijane Pole czcionki i wybierz czcionkę Google.

Używanie niestandardowych czcionek

Alternatywą dla używania standardowych czcionek internetowych lub korzystania z biblioteki czcionek, takiej jak Google Fonts, jest przesłanie plików z plikami czcionek, a następnie użycie ich w motywach lub odwołanie się do nich w arkuszach stylów.

Używanie niestandardowych czcionek w motywach

W edytorze motywu można przesłać niestandardową czcionkę, a następnie użyć jej na stronach i w postach. Pliki czcionek są obsługiwane w następujących formatach: TTF, OTF, WOFF.

Przesyłanie niestandardowych czcionek dla stron lub postów

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

  1. Przejdź do treści:

    • Strony w witrynieinternetowej: 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 kliknij menu Edytuj i wybierz Motyw: [Nazwa motywu].
  4. W lewym menu paska bocznego kliknij menu rozwijane dowolnej czcionki i wybierz opcję Zarządzaj czcionkami marki.
  5. Obserwując kroki opisane w tym artykule Bazy wiedzy, można dodać lub edytować czcionki.

Przesyłanie niestandardowych czcionek dla artykułów w bazie wiedzy

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

  1. Na koncie HubSpot przejdź do Obsługa klienta > Baza wiedzy.
  2. W prawym górnym rogu kliknij szablon Dostosuj.
  3. Na lewym pasku bocznym kliknij kartę Projekt.
  4. Na lewym pasku bocznym kliknij opcję Style czcionek.
  5. Kliknij menu rozwijane dowolnej czcionki i wybierz opcję Zarządzaj czcionkami marki.
  6. Obserwując kroki opisane w tym artykule Bazy wiedzy, można dodać lub edytować czcionki.

Edycja niestandardowych czcionek

Po przesłaniu niestandardowej czcionki w edytorze szablonów można 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

Alternatywnie do używania standardowych czcionek internetowych lub korzystania z biblioteki czcionek, takiej jak Google Fonts, można hostować pliki plików w narzędziu Pliki, a następnie odwoływać się do nich w arkuszu stylów.

Uwaga: niestandardowe czcionki są dostępne tylko na kontach z dostępem do Design Managera i muszą być stosowane z CSS. Reklamy niestandardowych czcionek nie będą dodawane do rozwijanych menu stylizacji w edytorze treści.

Aby użyć czcionki w treści, prześlij pliki pliku do narzędzia plików. Zaleca się przesłanie co najmniej wersji .woff, .ttf i .eot czcionki, aby upewnić się, że czcionka ładuje się we wszystkich przeglądarkach. Możesz użyć trybu eksperta w narzędziu konwertera Font Squirrel, aby wygenerować dodatkowe formaty plików.

  1. Na koncie HubSpot przejdź do sekcji Treść > Pliki.
  2. Kliknij przycisk Prześlij pliki.
  3. Na dysku twardym komputera wybierz pliki czcionek, a następnie kliknij przycisk Otwórz.
  4. Kliknij nazwę przesłanego pliku czcionki.
  5. W prawym panelu kliknij Kopiuj URL, aby skopiować adres URL, pod którym znajduje się plik. Potrzebny będzie adres URL dla pliku w każdym formacie.

Używanie niestandardowej czcionki w arkuszu stylów

Po dodaniu niestandardowej czcionki do plików można odwołać się do niej w arkuszu stylów. Każdy styl czcionki (kursywa, pogrubienie itp.) będzie wymagał osobnej 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 treści.
  3. Dla każdego stylu czcionki:
    • Na górze 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ę czcion ki nazwą czcionki.
      • Zastąp plik your_font_file.xxx adresem URL z narzędzia Pliki. Powtórz 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 przycisk Aktualizuj lub Publikuj, aby wprowadzić zmiany na żywo.

sample-custom-font-in-stylesheet

Używanie niestandardowej czcionki w szablonie wiadomości e-mail z kodem niestandardowym

Czcionki niestandardowe nie są obsługiwane przez większość popularnych klientów poczty e-mail. Aby zapewnić czytelnikom spójne wrażenia, zaleca się używanie domyślnych czcionek internetowych w wiadomościach e-mail. Jeśli jednak chcesz dodać niestandardową czcionkę do szablonu wiadomości e-mail z niestandardowym kodem, możesz to zrobić po dodaniu niestandardowej czcionki do plików.

  1. Na swoim koncie HubSpot przejdź do Treści > Design Manager.
  2. W wyszukiwarce otwórz szablon wiadomości e-mail z kodem niestandardowym.
  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ę czcion ki nazwą czcionki.
    • Zastąp plik your_font_file.xxx adresem URL z narzędzia Pliki. Powtórz dla każdego formatu pliku.
  1. W kodzie treści wiadomości e-mail dodaj niestandardową czcionkę w stylu lokalnym.
  2. W prawym górnym rogu kliknij przycisk Aktualizuj lub Publikuj, aby wprowadzić zmiany.

Używanie niestandardowej czcionki w CTA

Po dodaniu niestandardowej czcionki do motywu możesz użyć jej z CTA:

      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 Akcje > Edytuj.
      4. W lewym panelu edytora CTA kliknij kartę Projekt.
      5. Kliknij sekcję Style , aby ją rozwinąć.
      6. Kliknij menu rozwijane Podstawowa czcionka i wybierz czcionkę niestandardową.
      7. Kontynuuj tworzenie CTA.

 

Używanie niestandardowej czcionki w CTA (starsze wersje)

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

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

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

set-custom-font-for-cta

Używanie niestandardowej czcionki w niestandardowym module

Po dodaniu niestandardowej czcionki do plików możesz użyć jej w niestandardowych modułach bloga lub strony. Dowiedz się, jak dodać niestandardową czcionkę do szablonu wiadomości e-mail o niestandardowym kodzie.

  1. Na swoim koncie HubSpot przejdź do Treści > Design Manager.
  2. Wwyszukiwarce otwórz moduł niestandardowy.
  3. W sekcji module.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');}
  1. Zastąp nazwę czcion ki nazwą czcionki.
  2. Zastąp plik your_font_file.xxx adresem URL z narzędzia Pliki. Powtórz 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 przycisk Opublikuj zmiany, aby wprowadzić zmiany na żywo.

custom-module-custom-font

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.