---
title: 'Шрифты в конструкторе сайтов и на сайтах отличаются'
url: 'https://wiki.cloud4box.com/konstruktor-saitov/tekst/fonts-in-website-builder-and-on-websites-differ'
markdown: 'https://wiki.cloud4box.com/konstruktor-saitov/tekst/fonts-in-website-builder-and-on-websites-differ.md'
lang: ru
date: '2026-07-10'
description: 'При добавлении шрифтов «Google» на свой веб-сайт иногда вы можете заметить, что шрифт отличается в конструкторе сайтов и на опубликованных веб-сайтах (или при предварительном просмотре веб-сайта). Каждый добавленный шрифт «Google» имеет дополнительные параметры, такие как «Нормальный», «Курсивный»,…'
---

# Шрифты в конструкторе сайтов и на сайтах отличаются 

При добавлении шрифтов «Google» на свой веб-сайт иногда вы можете заметить, что шрифт отличается в конструкторе сайтов и на опубликованных веб-сайтах (или при предварительном просмотре веб-сайта).

Каждый добавленный шрифт «Google» имеет дополнительные параметры, такие как «Нормальный», «Курсивный», «Жирный» и т. д. У каждого из этих параметров может быть отдельная ширина, которая определяется числом, например 400, 700 и т. д.

Обычно проблема вызвана тем, что некоторые параметры стиля не включены в окне «Редактирование шрифтов» в редакторе. Чтобы это исправить, убедитесь, что все версии (варианты) шрифтов, которые вы используете на своем сайте, включены.

Например, вы подключаете шрифт, который предоставляет следующие возможности:

Нормальный 400

*Нормальный 400 Курсивный*

**Жирный 700**

***Жирный 700 Курсивный***

Затем, если вы используете курсивный текст с этим шрифтом на своей странице, убедитесь, что для шрифта включена опция «*Нормальный 400 Курсивный*».

Если вы используете текст с жирным шрифтом на своей странице, убедитесь, что опция «**Жирный 700**» включена.

Наконец, если вы используете текст, который выделен жирным шрифтом и курсивом вместе, включите опцию «***Жирный 700 Курсивный***».

Внутри редактора загружаются сразу все версии шрифтов, поэтому вы можете видеть текст с правильным шрифтом. Но опубликованный веб-сайт получает только те версии, которые включены в диалоге редактирования шрифта в целях оптимизации.

---

## Navigation

- Parent: [Текст](https://wiki.cloud4box.com/konstruktor-saitov/tekst.md)
- Previous: [Как изменить цвет текста?](https://wiki.cloud4box.com/konstruktor-saitov/tekst/how-to-change-text-colour.md)
- Next: [Как вставить изображение рядом с текстом?](https://wiki.cloud4box.com/konstruktor-saitov/tekst/how-to-insert-an-image-near-by-text.md)