Custom font combinations allow you to match your website typography directly with your brand identity. Follow this step-by-step guide to set up preset typography pairings or customize individual typography elements across your CentralApp site.
Access Brand Assets
From your CentralApp preview panel, click on Logos & font combinations under the Brand assets section. Then select the Font Combinations tab at the top of the menu.
Add a New Font Combination
Click the + Add a combination button.
Choose how you want to configure your typography:
Presets: Select from pre-configured, professionally paired typography templates.
Custom: Manually pick fonts, weights, line heights, and styling for each text role.
Configure Your Custom Font Settings
If you choose Custom, you can expand each category (Title, Text, Navigation, or Button) by clicking SHOW to fine-tune its typography settings.
Title: Headings & hero sections
Text: Paragraphs & main body text
Navigation: Menus & top navigation links
Button: Calls to action (CTA) buttons
Font: Click Select a font to open the dropdown menu and choose a font family for that specific text role.
Weight: Sets the standard thickness/weight of the font (e.g.,
700). Adjust using the-and+buttons.Bold: Sets the specific weight applied when text within this role is explicitly styled as bold (e.g.,
700).Line Height: Controls the vertical spacing between lines of text within a paragraph or header (e.g.,
1.1).Ratio: Defines the proportional scale multiplier across heading levels (H1, H2, H3, etc.) to ensure a clear visual hierarchy (e.g.,
1.28).Letter Spacing: Adjusts the horizontal spacing (tracking) between individual letters (e.g.,
0).
Bold text looks the same as normal text?
In Custom > Text, check the Weight and Bold values. If they are identical, normal and bold text will have the same thickness. For Bold, select a heavier weight available for the chosen font, save the combination, then check the result in the website preview.
Save Your Combination
Once you have configured all your desired options, click the Save combination button at the bottom of the panel to apply your new typography rules across your website.
To edit an existing font combination
Locate your saved combination under the Font Combinations list and click the Edit icon (pencil icon) next to it to open the customization panel directly.
