How to edit font in checkout and self serve portal?

Problem Statement

You want to know how to edit font in checkout and self serve portal.

Solution

Scope

Is it possible to change the font on a Chargebee-hosted page?

Summary:

There is no UI setting to change the font size on the Checkout & Self-Serve Portal but it can be done using CSS.

Solution:

What are the different customizations possible?

• You can pass your CSS styles to Chargebee Components and customize font, color, placeholder, etc. Check our API reference for all CSS properties supported.

• Placeholder text

• Localization

• Callback support for different component states like focussed, complete, invalid and empty

• You can specify which CSS class should be added based on different states, to the container that holds the iframe.