Fonts Customization

This section allows you to fully customize the fonts of your website. You can personalize everything from different fonts on headers, pages, sections, etc, allowing for precise brand styling and consistent visual identity. Use the settings below to create a personalized font experience for your website.

Upload Custom Font

• Now, click on the Edit Font Settings in the Fontly app to start customization.

• To upload a new font, click on the add files in custom font upload section

• Select the font file that you want to upload and click on open

• Scroll to Typography settings and choose the HTML Tag you want to customize and click on Add Tag

• Click on the custom fonts in the font family to choose the uploaded font

• Customize using the font size, text color, font size and on which pages you need customization on
• You can also see the changes in font preview

• Once you have customized save the settings and click on online store preview, to preview the changes in the website

• Preview the changes in the website

Font Family Selection

• In the Typography settings, you can select the HTML tag where you need the font
• There are also some default customization on HTML tags 

• Choose any HTML tag to add new style from the list

• Click on add tag button and customize the font style on that HTML 

• Choose the font family you prefer

• Then, select the font size, text color, and style

• You can choose the pages you want to apply customization on and preview the font changes simultaneously

• After clicking on save settings, go to the online store preview to preview the live changes of fonts on the website

• You will be able to see the changes on the website

• You can also make changes in the Custom CSS section