While Weblium 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.

Tip: You can learn more about how to edit fonts for desktop (and tablet) versions of a site in this article.

Adjusting a font through global fonts' settings

С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 this window, you need to switch to the mobile editor:



Here you can adjust the font size, line height, and letter spacing:



Click on the Done button and publish your site to make all changes live.

Adjusting a font through the text settings

If necessary, you can jump directly to the mobile editor using the toggle at the top:


After that, you can go to the font settings directly through the text element settings:


And, just like in the previous chapter, you can adjust the font size, line height, and letter spacing:


Note: these settings also can be auto-adjusted according to the desktop version of the site.

Don't forget to click on the Done button and publish the site.

Updated on: 01/22/2024