> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Changing site's font

The font on a website plays both an aesthetic and practical role — the right choice of color, font, and text size can determine how attractive the site will be to your audience.

On Weblium, you can choose a ready-made set that includes fonts for various text elements on the website. If necessary, you can also customize these sets by changing the font type for, say, headings or regular text on the website.

**Contents:**
* [Choosing a font set](#1-choosing-a-font-set)
* [Choosing a font for a specific type of text](#1-selecting-a-font-for-a-specific-type-of-text)
* [Changing the font through text settings](#1-changing-the-font-via-text-settings)

# Choosing a font set

If you select one of the sets offered by the editor, the corresponding text types will use fonts from that set. For example, all website headings will look the same, and you won't need to edit them every time you add a new block.

1. Click on the **Site Styles** icon in the editor control panel: 

![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/zmina-shriftu-na-saiti-angl-1_ilcs1f.png)
2. Go to the **Fonts** section, browse our library in **presets**, and select the appropriate font set: 
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/zmina-shriftu-na-saiti-ukr-4_1987q2q.png)
| ${color}[#1aa900](Tip:) Click on the filter icon to select which writing systems' fonts will be included in the list — Latin, Cyrillic, or all.

| ${color}[#1aa900](Tip:) If none of the suggested fonts suit you, upload your own font by following the instructions in the article [Uploading your own font](/en-us/article/uploading-your-own-font-b3rv53/).

# Selecting a font for a specific type of text

You can also select a font for a specific type of text, such as a subheading or a quote.

1. In the **Fonts** section of the **Site Styles** menu, click on the currently selected font to open its settings: 
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/zmina-shriftu-na-saiti-angl-3_ppwtlw.png)
2. Hover over the type of text you want to set a different font for and click on the “gear” icon:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/zmina-shriftu-na-saiti-angl-5_1qvcbdk.png)
|| ${color}[#ffa800](Note:) You can also go to the settings for individual text types via the list of presets.  To do this, simply click on the selected preset, and you will be taken to the same menu.

3.  Select which version of the site you want to edit the text type for: desktop, tablet, or mobile: 
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/zmina-shriftu-na-saiti-ukr-6_1f8uo6b.png)
4.  In the settings for most text types, you will have access to the following parameters:

**Font** and its **weight**,  as well as the ability to **upload your own font**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/zmina-shriftu-na-saiti-ukr-7_1ss7vks.png)
| ${color}[#1aa900](Tip:) click on the filter icon to select which writing systems' fonts will be included in the list — Latin, Cyrillic, or all.

| ${color}[#1aa900](Tip:) You can learn more about uploading your own fonts [in our article](/en-us/article/uploading-your-own-font-b3rv53/).

 In the font settings, you can set its **size**,  **line height**, and **letter spacing**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/zmina-shriftu-na-saiti-ukr-8_yrlp9.png)
 ... additionally, you can specify a specific **character case** or **italics** for the text type.

In the **SEO** section, you can specify which **tag** this text type will have by default:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/zmina-shriftu-na-saiti-ukr-9_e50vk0.png)
| ${color}[#1aa900](Tip:) You can learn more about configuring H1-H3 tags [in our article](/en-us/article/adding-h1-h2-tags-to-the-text-3yes3i/).

|| ${color}[#ffa800](Note:) The availability of certain editing options may depend on the type of text you are editing. 

Don't forget to [publish your site](/en-us/article/publishing-a-site-tgxmch/) to see the latest changes.

|| ${color}[#FFA800](Note:) These settings will be applied to all texts with the selected font type.

# Changing the font via text settings

1. You can also go to the settings for a specific text type directly via the text element settings. To do this, click on the text, and in the context menu, you can either select a different text type for this element or go to the typography settings:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/zmina-shriftu-na-saiti-angl-10_1tc9rw0.png)