---
title: Update Fonts in Storagely Website CMS
slug: update-fonts-in-storagely-website-cms
docTags: 
createdAt: 2025-07-16T15:50:24.720Z
---

## Introduction

Fonts help define the look and feel of your website. Choosing the right styles and sizes makes your content easier to read and keeps your site looking professional. In Storagely’s Website CMS, you can quickly update fonts to match your brand and improve the user experience. This guide shows you how.

### Navigating to the Editor

- Select the **website** you want to edit from the list

  ![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/0V8AvjXlvWpGM-IRdjnfm_choose-website.png)
- Click the top left **CMS** icon

  ::Image[]{src="https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/ymUdQFmJoth5D_DRln7Po_pages-icon.png" size="10" width="51" height="63" position="flex-start" darkWidth="51" darkHeight="63" showCaption="false"}
- Click the page containing the **Font** you’d like to update.

  ![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/Kn7GtxHLoPn5jpZoqrvF9_choose-location.png)
- Click the page containing the **Font** you’d like to update.

### To change fonts on one element:

- Adjust size, weight, line height, and spacing as needed.

  ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfM6gifqRfbXRIYcwdViGzoV58PezWUNLllqnsCsDdr-1IpdBI8pwstXsI5UeeGTr7c4zPNXnPSh3HAMfA66f27DErKJUzYytyhNcFvAKpvB_CO5naBMVOnNjk2jLlvVs6XkF5xo79Qu3X3WLWBXtA?key=SJqjgkT2K-F-F71wGPZjBw)
- Review the changes made in all 3 device types (Desktop, tablet, mobile) to ensure they look correct.

  ::Image[]{src="https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/ziGUJpDmTQvcbIls-4qAq_3-devices.png" size="24" width="355" height="818" position="flex-start" darkWidth="355" darkHeight="818" showCaption="false"}
- If you want to save the update made, select “Update” in the bottom right corner of the window. Then Close the tab.

### 🎥 Watch Tutorial Video:

:::Iframe{iframeHeight="0" code="<iframe src=&#x22;https://relay.apps.storagely.app/share/c5dTQgl5bwJh574p&#x22; width=&#x22;640&#x22; height=&#x22;360&#x22; frameborder=&#x22;0&#x22; allow=&#x22;autoplay; fullscreen&#x22; allowfullscreen></iframe>"}

:::

### To change global fonts:

- Click the paint roller icon in the bottom-left corner.
- Select Typography.
- Modify the Primary, Secondary, and Paragraph font styles.
- All text blocks using global styles will update automatically.

::Image[~~~~]{src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc1-Zdo1-AX-ArGbP79zy69JpmFL64qFERwm6tjOy5iw3mcAQ42EflN0WyeuRkPsygWs959dHmRK5eJLCHxsnapGFn5U2Dl6Ki_T5EMg6Y2x65CQjc9khOZalsh_P8FlIRqjqQYJS6dA8ADbmQaXm4?key=SJqjgkT2K-F-F71wGPZjBw" size="30" width="369" height="944" position="flex-start" darkWidth="369" darkHeight="944" showCaption="false"}

- Review the changes made in all 3 device types (Desktop, tablet, mobile) to ensure they look correct.

  ::Image[]{src="https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/9s1akehy5gHHM7YneHJVC_3-devices.png" size="30" width="355" height="818" position="flex-start" darkWidth="355" darkHeight="818" showCaption="false"}
- If you want to save the update made, select “Update” in the bottom right corner of the window. Then Close the tab.

### 🎥 Watch Tutorial Video:&#x20;

:::Iframe{iframeHeight="0" code="<iframe src=&#x22;https://relay.apps.storagely.app/share/PztYaXVtn5nDLAYw&#x22; width=&#x22;640&#x22; height=&#x22;360&#x22; frameborder=&#x22;0&#x22; allow=&#x22;autoplay; fullscreen&#x22; allowfullscreen></iframe>"}

:::

## Best Practices for Updating Fonts:

- ✅ **Global fonts help maintain brand consistency**: Setting global fonts ensures a uniform look across all pages. This is a simple way to strengthen your brand identity and save time on styling.&#x20;