![]() In the inspector on the right, click the Add field dropdown in the Fields section and select Font.Learn more about creating a custom module. In the finder on the left, open the custom module.Please note: Google Fonts are not available for custom modules used in email templates. In the Text section, click the Font family dropdown menu and select a Google Font.In the left sidebar menu, click the Style section.In the form editor, click the Style & preview tab.Hover over the form name and click Actions > Edit form or Create a new form.In your HubSpot account, navigate to Marketing > Lead Capture > Forms.In the text box, paste Google's code for setting CSS rules for that font.In the right panel, click Advanced options.Hover over a CTA, then click the Actions dropdown menu and select Edit.In your HubSpot account, navigate to Marketing > Lead Capture > CTAs.Copy Google's code for setting CSS rules for that font.In the top right, click Update or Publish to take your changes live.In the code of the email body, add the custom font in inline styling.In the section of the template, paste the code between the.In the finder, open the custom coded email template.To add a Google Font to a custom coded email template: Use a Google Font in a custom coded email template In the top right, click Publish or Update to take your changes live.Add the code for setting CSS rules to the appropriate selectors in the stylesheet.Paste the code into line 1 of the stylesheet.In the finder, open the stylesheet used for your content.In your HubSpot account, navigate to Marketing > Files and Templates > Design Tools.Copy the font's code from Google Fonts.Use a Google Font in a custom coded email template.Once you have the code from Google Fonts, you can add the font to your HubSpot content: In the CSS rules to specify families field, copy the code for setting CSS rules. ![]() ![]() In the Use on the web section, copy the code without the tag.In the right panel, select the Use on the web section.Next to each style you want to import, click + Select this style.Click the font name to view a list of styles available to import.Please note: Google Fonts cannot be selected in the font dropdown menu of the rich text editor. Learn more about how developers can use font fields to add Google Fonts to themes and custom modules in HubSpot's developer documentation. To use a Google font in other pages, you will need to copy the font's import code, paste it into the page's stylesheet, then apply the font with CSS rules. Google Fonts are available in the content editor for pages using starter templates and themes, as well as knowledge base articles and custom modules. **Only available as a web font in the drag and drop email editor. *Not available in the drag and drop email editor. The following fonts are available in rich text modules: In the rich text toolbar, click the Font dropdown menu and select a font.In the content editor, click a rich text module, then highlight the text you want to edit.Hover over your content and click Edit.Email: In your HubSpot account, navigate to Marketing > Email.Knowledge Base: In your HubSpot account, navigate to Service > Knowledge Base.Blog: In your HubSpot account, navigate to Marketing > Website > Blog.Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.Use default fontsĭefault fonts can be used in all types of content and are designed to load on most platforms and devices. the content types available for the subscriptions in your HubSpot account can be found in the Product and Services Catalogue. Please note: not all content types are available in all accounts. Some default fonts not available in the drag and drop email editorĪvailable for custom coded email templates only not supported in most email clientsĪvailable on the Design tabof the template editorĪvailable for custom modules not used in emails Certain default fonts are available in all content editors, while Google Fonts and custom fonts have additional restrictions, outlined below: Content typeĪvailable on the Design tab of the content editorĪvailable in theme settings and via stylesheetĪvailable via stylesheet or custom module The fonts available for content in HubSpot depend on the type of content and the type of font.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |