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:
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |