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.
:max_bytes(150000):strip_icc()/Google_Fonts_03-a00a9ff4090844208400f20aba592092.jpg "import font into google docs")
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. 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ĭefault fonts can be used in all types of content and are designed to load on most platforms and devices. 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 kommentar(er)
