- Baza wiedzy
- Treść
- Witryna internetowa i strony docelowe
- Korzystanie z czcionek w HubSpot
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ń:
- Aby korzystać z czcionek w modułach tekstu sformatowanego w ramach odpowiednich typów treści (np. wpisów na blogu lub stron docelowych), wymagane jest uprawnienie do edycji i publikacji .
- Aby korzystać z czcionek w motywach, wymagane jest uprawnienie do globalnych ustawień treści i motywów .
- Aby korzystać z czcionek w arkuszach stylów, szablonach tworzonych samodzielnie lub modułach niestandardowych, wymagane jest uprawnienie do korzystania z narzędzi do projektowania .
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.
-
Przejdź do swojej zawartości:
- Strony w witrynie internetowej: Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Strony w witrynie internetowej. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Strony w witrynie internetowej.
- Strony docelowe: Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Strona docelowa. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Strona docelowa.
- Blog: Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Blog. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Blog.
- E-mail: 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.
- Kliknij nazwę swojej treści.
- W edytorze treści kliknijmoduł tekstu sformatowanego, a następnie zaznacz tekst, który chcesz edytować.
- 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 | |
|
Czcionki domyślne
|
|
| Arial | Merriweather* |
| Courier New | Tahoma |
| Gruzja | Times New Roman |
| Helvetica | Trebuchet MS |
| Lato* | Verdana |
| *Dostępna wyłącznie jako czcionka internetowa w edytorze wiadomości e-mail wykorzystującym przeciąganie i upuszczanie. | |
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:
- Wejdź na stronę fonts.google.com.
- W pasku wyszukiwania wpisznazwę czcionki.
- Kliknij nazwę czcionki , aby wyświetlić listę stylów dostępnych do importu.
- Kliknij przycisk „Pobierz czcionkę” w prawym górnym rogu.
- Kliknij opcję „Pobierz kod do osadzenia” w prawym górnym rogu.
- W prawej kolumnie wybierz opcję @import w zakładce „Web ”.
- Skopiuj kod @import bez tagu
<style>. - Skopiujkod klasy Css , aby ustawić reguły Css.
-
Po skopiowaniu kodu z serwisu Google Fonts możesz dodać czcionkę do treści w HubSpot:
-
- Wykorzystanie czcionki Google Font w arkuszu stylów
- Wykorzystanie czcionki Google Font w szablonie wiadomości e-mail stworzonym samodzielnie
- Wykorzystanie czcionki Google Font w przycisku CTA (starsza wersja)
- Wykorzystanie czcionki Google Font w formularzu
- Wykorzystanie czcionki Google Font w module niestandardowym
Wykorzystanie czcionki Google Font w arkuszu stylów
- Skopiuj kod @import czcionki z serwisu Google Fonts.
- 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.
- W oknie „Finder” otwórz arkusz stylów używany dla twojej treści.
- Wklej kod import w
pierwszym wierszuarkusza stylów. - Dodaj kod definiujący reguły CSS do odpowiednich selektorów w arkuszu stylów.
- 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:
- Skopiuj kod @import czcionki z serwisu Google Fonts.
- 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.
- W oknie „Finder” otwórz szablon wiadomości e-mail z własnym kodem.
- W
<head>sekcji szablonu wklej kod @import pomiędzy tagami<style>....</style>Tags. - W sekcji szablonu „
<body>” dodaj niestandardową czcionkę w stylu lokalnym. - W prawym górnym rogu kliknij opcję „Opublikuj zmiany”, abywprowadzić zmiany na stronie.
Wykorzystanie czcionki Google Font w przycisku CTA (stara wersja)
- Skopiuj kod z Google służący do ustawiania reguł CSS dla tej czcionki.
- 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.
- Najedź kursorem na przycisk CTA, a następnie kliknij opcję „Działania” >„Edytuj”.
- W prawym panelu kliknijopcję „Opcje zaawansowane”.
- W polu tekstowym wklej kod z serwisu Google służący do ustawienia reguł Css dla tej czcionki.
- W prawym dolnym rogu kliknij przycisk„Dalej”. Następnie kliknij przycisk Zapisz.
Wykorzystanie czcionki Google Font w formularzu
- 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.
- Najedź kursorem na nazwę formularza i kliknij opcję „Działania” > , a następnie wybierz „Edytuj formularz” lub „Utwórz nowy formularz”.
- W edytorze formularzy kliknij kartę podglądu „Styl” ( & ) .
- W menu po lewej stronie kliknijsekcję „Styl”.
- Wsekcji „Tekst”kliknij menu rozwijane„Rodzina czcionek ” i wybierz czcionkę z serwisuGoogle Fonts.
- 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.
- 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.
- W oknie „Finder” kliknij nazwę modułu niestandardowego. Dowiedz się więcej o tworzeniu modułu niestandardowego.
- W inspektorze kliknij menu rozwijane „Dodaj pole” wsekcji „Pola” i wybierz opcję „Czcionka”. Dowiedz się więcej o pracy z polami czcionek.
- W prawym górnym rogu kliknij opcję „Opublikuj zmiany”, abywprowadzić zmiany na stronie.
- Przejdź do swojej zawartości:
- Strony w witrynie internetowej: Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Strony w witrynie internetowej. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Strony w witrynie internetowej.
- Strony docelowe: Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Strona docelowa. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Strona docelowa.
- Blog: Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Blog. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Blog.
- Kliknij nazwę treści za pomocą modułu niestandardowego.
- W edytorze treści kliknijmoduł niestandardowy.
- 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.
-
Przejdź do swojej zawartości:
- Strony w witrynie internetowej: Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Strony w witrynie internetowej. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Strony w witrynie internetowej.
- Strony docelowe: Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Strona docelowa. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Strona docelowa.
- Blog: Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Blog. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Blog.
- Kliknij nazwę swojej treści.
- W edytorze treści kliknijmenu „Edytuj” i wybierz opcję„Motyw: [nazwa motywu]”.
- W menu po lewej stronie kliknij dowolnemenu rozwijane czcionek i wybierz opcję„Zarządzaj czcionkami marki”.
- 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.
- 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.
- W prawym górnym rogu kliknij opcję„Dostosuj szablon”.
- W lewym pasku bocznym kliknij kartę „Projekt ”.
- W lewym pasku bocznym kliknij opcję „Style czcionek”.
- Kliknij dowolnemenu rozwijane czcionek i wybierz opcję„Zarządzaj czcionkami marki”.
- 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.
- 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.
- Kliknij„Prześlij pliki”.
- Na dysku twardym komputera wybierzpliki czcionek, a następnie kliknij przycisk„Otwórz”.
- Kliknij nazwę przesłanego pliku czcionki.
- 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.
- 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.
- W oknie „Finder” otwórz arkusz stylów używany dla twojej treści.
- 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.
- Utwórz reguły CSS z wykorzystaniem właściwości ` font-family `, aby zastosować niestandardową czcionkę.
- 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.
- 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:
- Należy używać czcionek zastępczych o wysokości x i grubości zbliżonych do czcionki niestandardowej.
- Wyświetl podgląd wiadomości marketingowych w różnych klientach poczty elektronicznej , aby sprawdzić, jakie czcionki zostaną wyświetlone.
- Upewnij się, że wszystkie istotne elementy wyświetlają się zgodnie z oczekiwaniami przy użyciu czcionek zastępczych.
- 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.
- Kliknijnazwę wiadomoście-mailowejo charakterzemarketingowym lub kliknij opcję„Utwórz wiadomość e-mail”, aby utworzyć nową wiadomość.
- 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 ”.
- 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.
- Napisz treść wiadomości e-mail, a następnie wyświetl jej podgląd w różnych klientach poczty.
- 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.
- 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.
- W oknie „Finder” kliknij nazwę swojego niestandardowego szablonu wiadomości e-mail.
- Dla każdego stylu czcionki:
- W sekcji szablonu „
<head>” wklej poniższy kod między tagami<style>....</style>:
- W sekcji szablonu „
@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.
- W kodzie treści wiadomości e-mail dodaj niestandardową czcionkę, stosując styl lokalny.
- 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.
- 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.
- W lewym górnym rogu kliknij menu rozwijane i wybierz opcję „CTA”
- Najedź kursorem na przycisk CTA, a następnie kliknij opcję „Działania” >„Edytuj”.
- W lewym panelu edytora CTA kliknij kartę „Projekt ”.
- Kliknij sekcję „Style” , aby ją rozwinąć.
- Kliknij menu rozwijane „Czcionka podstawowa ” i wybierz swoją niestandardową czcionkę.
- 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.
- 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.
- Najedź kursorem na przycisk CTA, a następnie kliknij opcję „Działania” >„Edytuj”.
- W prawym panelu kliknijopcję „Opcje zaawansowane”.
- W polu tekstowym wklej poniższy kod:
font-family: 'Your Font Name'; - Zastąp nazwę czcionkinazwą swojejczcionki.
- 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:
- Szablony motywów: Dodaj niestandardową czcionkę w ustawieniach motywu dla strony lub wpisu na blogu, na której wyświetla się formularz. Dowiedz się więcej otym, jak korzystać z niestandardowych czcionek w motywach na stronie .
- Arkusze stylów: Należy odwołać się do niestandardowej czcionki w arkuszu stylów zastosowanym do strony lub wpisu na blogu, na której wyświetla się formularz. Dowiedz się więcej otym, jak w programie „ ” korzystać z niestandardowych czcionek w arkuszach stylów.
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.
- 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.
- W Finderze kliknij nazwę modułu niestandardowego.
- 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.
- Utwórz reguły CSS z wykorzystaniem właściwości ` font-family `, aby zastosować niestandardową czcionkę.
- W prawym górnym rogu kliknij opcję „Opublikuj zmiany”, abywprowadzić zmiany na stronie.