Customizing text fonts for different devices

While Devellp automatically adjusts the fonts you see on desktop to mobiles and tablets, you may want to set different values for smaller screens. This may come in handy if you'd like the mobile version to look slightly different or if the automatic font adjust doesn't work properly for you.

You can set font size, line height and spacing separately for each typography — headings, titles, etc.

Сlick on the Site style icon on the toolbar in the editor:



Navigate to the Texts tab, hover over the current site font and click Edit:



Here you will be able to modify the font for different types of texts for each device. For that, hover over a particular text type and click on the "gear" to access the settings:



In the opened window you can adjust the font size, line height, letter spacing for Desktop, Mobile and Tablet.



Note: disable Auto adjust font to customize the font settings manually.

Click Done to save all amendments. To check how the new changes will look like on a certain device, click on the Preview in the toolbar.



Publish your site to make all changes live

Updated on: 04/13/2023