81. Skip to content

81. Custom Fonts

Here, users can add custom fonts to the platform to customise any text in the BIMS Theme tables (eg., Landing page). Custom fonts are added from Google Fonts only. If the required font is not available on Google Fonts, it cannot be added.

BIMS Theme

81.0.1 Steps:

  • Click "+ Add custom font". Users will need to populate the Name, Css URL and Stack fields in the form using information sourced from Google Fonts.

Add custom font-1

  • In a new browser tab, paste the URL: https://fonts.google.com/
  • Search and select the custom fonts required.

Add custom font-2

  • Click "Get font" in the top right-hand corner.

Add custom font-3

  • Select the " <> Get embed code " button.

Add custom font-4

  • In the first grey box, copy all the text in quotation marks after link href, excluding the rel = > part as shown below: Add custom font-5 Users will copy https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap

  • Return to the BIMS admin window and paste the copied text into the Css URL

Add custom font-6

  • Return to the Google Fonts page, under "CSS class for a variable style", copy font-family and paste it into the BIMS custom fonts in both the Name and Stack.

Add custom font-7

In the example above, users will copy and paste Roboto into the BIMS custom fonts form:

Add custom font-8

  • Once all fields in the Custom fonts form are filled, tick 'Is active' and click Save.