Onepage was co-developed by designers and offers you a selection of carefully curated fonts and font pairs. This ensures that our templates automatically provide you with a harmonious and professional typographic design.
At the same time, you have complete flexibility when designing your page: You can also upload your own fonts and combine them as you like. This makes it quick and easy to customize your landing page to match the corporate identity of your company or your clients.
📌 Please note: Fonts are set on a per-project basis and must be adjusted separately for each project. Changes do not affect other projects.
Set up a font pair in Onepage
Step 1: Open the project
Open your project and go to the edit mode for any page.
Step 2: Open Settings
In the editor, go to Design → Typography.
Step 3: Add a font pair
You can choose a pre-made font pair and customize it later. To do this, click on the font pair of your choice, then click "+ Add font pair".
Now you can make various changes:
Adjust the size of the base font
Change the ratio of headings to body text
Change the font of the headings
Adjust the weight and line spacing at the top, bottom, left, and right
Enable or disable uppercase letters for headings
Change the body text font, including font weight and line spacing
This ensures that all text perfectly matches your brand identity.
Step 4: Add more fonts
If needed, you can add additional fonts in addition to the heading and body fonts. You can use up to 7 fonts per font pair.
To do so, click "Add an extra font" and select the font you want.
After making all your changes, click "Save" to apply them.
Applying fonts to text
Once the font pair is set up, you can use the fonts directly in your text. Select or click on the text you want to change, then open the text icon. Click the three dots and select one of the saved fonts under "Font family".
By default, the defined header font is used for headings and the text font is used for body text. If you want to style specific sections differently, you can manually apply one of the added fonts to them.
Upload your own font
If you can't find a font you like in our font library, you can also upload your own fonts.
📌 Please note: Custom font upload is available starting with the Essential plan.
Step 1: Select and download a font
You can find fonts from the following providers, for example:
Then download the font file you want to your computer.
Step 2: Check the file format
The following formats are supported for upload:
WOFF2
WOFF
TTF
OTF
The file size must not exceed 10 MB.
Step 3: Upload a font to your project
Open your project and go to the font pair. Click on the font you want to replace (e.g., headline or text) and select "Upload Font".
📌 Please note: You can upload up to 20 files at once. A single font file can contain multiple styles (e.g., Regular, Bold, or Italic), which will be automatically grouped together. Uploaded fonts are only available within the specific project for which they are uploaded.
Step 4: Apply the font
After uploading, the new font will appear under "Uploaded". Click on it to use it instead of the previous font.
📌 Please note: Be sure to verify that you are legally permitted to use the font for your intended purpose. In most cases, a valid web license is required. Not every free font can automatically be used on websites.
Frequently Asked Questions (FAQ)
What happens if I delete the text?
What happens if I delete the text?
When deleting a font, the entire font including all its weights and styles is removed.
What happens with duplicates?
What happens with duplicates?
If the same font file is uploaded again, it is automatically detected and ignored. This ensures that no duplicate entries are created.
What happens with name conflicts?
What happens with name conflicts?
If two different fonts share the same internal name, the upload will be blocked. In this case, one of the files must be renamed before it can be uploaded again.
What happens with faulty files?
What happens with faulty files?
If a file is corrupted or not a valid font format, only that specific file will be rejected. All other correctly uploaded files will still be processed.
💡Do you have any feedback concerning this article? Please let us know through our live chat or at support@onepage.io so we may keep it up to date. Thank you! 🙂