Customizing Text Fonts for Different Devices

Customizing Text Fonts for Different Devices


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


Adjusting a font for a particular type of device

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



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

3. 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:

4. 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.

5. 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.

6. Publish your site to make all changes live.



    • Related Articles

    • Advanced Text Settings

      In order to increase site loading speed, we've disabled the publishing of the some rarely used characters in text by default — for example, in the alphabets such as Greek or Polish. If you need to enable the extended language font, follow the ...

    • Working with the text rotator

      A text rotator element lets you put an eye-catching short message in any place of your website. You can have a text rotator as a part of the cover block, or add it as an additional element to any existing block. In this article we'll talk about ...

    • Customizing 404 Page Not Found

      404 Page Not Found is displayed to the users if they entered the incorrect page address or went to an already non-existent one. With the help of a well-designed 404 page, you can offer your visitors the option of further interaction with your site ...

    • Changing the Design of the Linked Text

      You can change the color, font, size and formatting of the link added to the text on your SiteCliq site. Changing the design of the linked text 1. You can adjust the linked text with the help of a pop-up menu. For that, select the needed text and ...

    • Translation of the Text Parts in Site Settings

      Partly translating the site's text in the unified site settings allows you to change the text of some site elements in one place. For now, it is possible to edit the thank you pop-up displayed when sending a submission via a contact form. And, if you ...