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.
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".
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.
💡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! 🙂