πŸ“–
Pagedeck Docs
  • πŸ‘‹Welcome To Pagedeck
  • Getting Started
    • πŸ‘€Teams
    • πŸ’‘Managing Brands
    • βš™οΈBrand Settings
    • 🎨Adding Brand Colors & Styles
    • ✍️Adding Custom Fonts
    • πŸ“ŠAdding Tracking & Analytics
    • πŸ–₯️Connecting a Subdomain
    • ✨Creating A New Page
    • πŸ›οΈBuy Boxes & Creating Offers
      • The Buy Box
      • The Subscription Buy Box
      • The BOGO Buy Box
      • The Tiered Discount Buy Box
      • Product Combinations (Beta)
    • πŸ“ˆA/B Testing on Pagedeck
  • πŸ› οΈThe Page Editor
    • Using The Editor
Powered by GitBook
On this page
  1. Getting Started

Adding Custom Fonts

PreviousAdding Brand Colors & StylesNextAdding Tracking & Analytics

Last updated 5 months ago

Before you begin:

Fonts uploaded to Pagedeck must be woff2 files.

If you have a different font format (ttf, otf, etc), you can use to convert them to woff2.

Navigate to your Brand Settings and scroll down to the Fonts section.

Heading fonts only require one weight. This keeps the headlines of your sections consistent.

For body fonts, you’ll need to add a regular weight (400) for standard text and a bold weight (700) for emphasis.

Using Custom Fonts in the Pagedeck Editor

In the editor, you can apply bold, italic, and other text styles to fit the tone of your offer or messaging. Some sessions will offer the editor as follows:

Adding Additional Fonts via HTML

To add custom fonts using HTML, start by creating a new section in Pagedeck and selecting HTML Embed from the β€œOther” options.

Inside this section, use a <style> block to define your custom font styles. Be sure to start with <style> and end with </style>, placing your font code in between.

If you don’t want the HTML section to appear on your landing page, adjust its settings. Click on the gear icon for the HTML section, go to the Section Settings on the right-hand panel, and set the section padding to none. This ensures the HTML section remains invisible while your custom fonts are applied.


✍️
cloudconvert.com