How do I create a custom font package for my website?

How do I create a custom font package for my website?

Video Walkthrough:



Select fonts for each element of your site. Save them to create your custom package.
Note: You can still make changes to fonts with the Text Editor even if you apply a custom font package.


Custom Font Package is located in Manage Your Site>Menu>Update Style>Font>Custom Font Package

To create a custom font package, select the Manage Your Site tile.



Select "Menu".




Select the Update Style section. 





Select the Font section.




Select the Custom Font Package tile. 




Select fonts for each element of your site. Save them to create your custom package.

Note: You can still make changes to fonts with the Text Editor even if you apply a custom font package.




Below are your headings: H1, H3, and H5



Select a specific font you would like to use for each heading.




Customize your font with the Bold, Italic, or Underline options. 


                





Adjust font size. 




Adjust font weight (thickness of the font). 




Adjust letter spacing (the space between letters). 



Adjust the line height (the vertical distance between lines of text).




Adjust the text case (uppercase, lowercase, or capitalize).




Each font element has the same customization options.





Below are your sub-headings: H1, H3, and H5




Adjust your paragraph text and text for block quotes.




Under the Buttons section, adjust how your font appears on both Default and Hover view. 




Under the Navigation Links section, adjust how your font appears in your navigation/header links.




Under the Forms section, adjust Labels and Input Fields.





Select “Responsive Fonts” to adjust how your fonts appear on mobile devices.  




You have three mobile font options: Small, Medium, and Large





When you’re done creating your font package, select the Save & Apply button. 



The font package will now be applied to your website.




If you would like to adjust your font package, select the Edit Package link. 



    • Related Articles

    • How do I change the font of text on my website?

      To change your font, select the Manage Your Site tile. Select the text and then select the Edit icon. Select a font style. Search for a font. Select your desired font. 
    • How do I add a blank custom block to my website?

      Video Walkthrough:  To add a blank custom block to your website, select the Manage Your Site tile. Select the A.I. Editor Menu.   Select Manage Blocks.  Select Add Block.    Scroll down to Custom. View the available layouts. Hover over the layout you ...
    • How do I create my emails?

      Maintaining a professional image is important for keeping your customers' trust and appearing credible online. Using a custom domain email shows that your business is well-established and genuine, and is likely to make customers feel more comfortable ...
    • How do I build a real estate website using our IDX solution?

      You can build a real estate website by copying one of our pre-built templates. Follow these steps: Copy the Template Log in to pro.mopro.com and search for the project by the project ID. Select the cog under the Actions column to access more ...
    • How do I add custom code to the header/footer of my website?

      Video Walkthrough:​ To add custom code to your header/footer, select the Manage Your Site tile. Select "Menu". Select “Website Settings” to access your site’s settings. Select “Custom Code” to add third-party embed codes (live chat, site ...