Applying a Single Font across all your ABM Pages

The choice of font for your ABM Pages can greatly influence the user's experience when they visit your site. Consistency in font usage across all your ABM Pages can add value to your content. With Hushly, you have the option to define a CSS code for the ABM page at the Hub level branding, which enables you to use the same font on all your ABM Pages.

To achieve this, follow the steps outlined below:

1. From the Left Nav Menu, click Hubs.
   
   
2. On the Hubs Page, select the Hub and go to Custom Code.  Click on the New Custom Code button.
   
   
3. In the Custom Code details page is displayed.
   
   
4. Customize the values for font-family, font-weight, font-style & source URL as required in the below code.

   <style type="text/css">
   @font-face {
     font-family:<customized font-family>;
     font-weight:<customized font-weight>;
     font-style:<customized font-style>;
     src:url('<customized source URL>');
     font-display:swap;
   }
   body {
       font-family:<customized font-family> !important;
   }
   </style>

   
   Fill in the Fields and add the Code in the space provided.  To learn more on how to add a Custom Code, click here.

   Note: If you've already defined a custom CSS font at the ABM Page Level for any given ABM page, the above-mentioned font family will not be applied to that page.
   
   
5. Click Save.