keyboard_arrow_left Back to Knowledge Base

Adding a custom font to your calculator

Adding a custom font is a great opportunity to personalize your calculator and match to your website design or keep your unique branding across all of your interactive widgets.

To add a custom font to the calculator:

  1. Open the calculator.
  2. Click the Gear icon on the left.
  3. Open the Custom fonts settings.
  4. Name your font (typically the font family name). This will help you identify it later when customizing text elements.
  5. Paste a link to the font file in the correct file field.

Only one file should be added per font.

Custom fonts settings

  1. Enable font usage with the toggle at the bottom.

Enabling custom font

How to use the custom font?

Once the custom font is added, you can customize the text elements in your calculator, such as labels.

  1. In the font list, search for the custom name you assigned to the font earlier.
  2. When you select the font, it will be applied to the specific text element you're editing.

Customizing text elements with the custom font

Additionally, you’ll be able to adjust the font size, alignment, and weight.

Tips