---
title: "Стилизация проектов, созданных на основе шаблонов"
id: "stilizatsiya-proyektov-sozdannykh-na-osnove-shablonov"
project: "Руководство пользователя Документерры"
url: "https://docs.documenterra.ru/articles/manual/stilizatsiya-proyektov-sozdannykh-na-osnove-shablonov"
updated: 2026-11-06T08:55:33Z
---

# Стилизация проектов, созданных на основе шаблонов

При создании проекта система **Документерра** предлагает на выбор **6 готовых шаблонов**.  **Шаблон**  **Документерры** включает файлы CSS, скрипт-файлы, изображения.  Каждый шаблон имеет свой уникальный адаптивный дизайн. Шаблоны протестированы для бесперебойной работы на экранах разных размеров, включая экраны **планшетов** и **мобильных устройств**.

После создания проекта вы получите копию выбранного шаблона (все его файлы). Шаблоны можно найти в **файловом хранилище Документерры**. Вы можете отредактировать любой файл, чтобы изменить внешний вид проекта.

| ![](/resources/Storage/manual/documenterra_baselang/Images/quick-parts/icon-info.svg) | Примечание |
| --- | --- |
| Чтобы вернуться в исходное состояние шаблона, создайте другой проект, используя тот же шаблон, и скопируйте оттуда необходимые файлы или просто создайте резервные копии файлов, которые вы собираетесь изменить. |

## Изменение шрифта в проекте, созданном на основе шаблона

В приведенном ниже примере показано, как изменить стандартный текстовый шрифт шаблона. По умолчанию в тексте шаблона используется **Open Sans** (онлайн-шрифт, взятый из **Google Fonts**).

![Шрифт контента по умолчанию](/resources/Storage/manual/documenterra_baselang/Screenshots/styling-projects-created-from-templates/default_font.png)

* Нажмите кнопку **Открыть для редактирования** в разделе **Стили** вкладки **Главная** в верхней панели, чтобы открыть CSS-файл проекта в **редакторе стилей**. 
 ![Нажмите кнопку «Открыть Style.css для редактирования» на вкладке «Главная» в верхней панели.](/resources/Storage/manual/documenterra_baselang/Screenshots/styling-projects-created-from-templates/open_for_editing.png)
* В **редакторе стилей** нажмите кнопку **Редактировать**. 
 ![Кнопка «Редактировать» в CSS-файле](/resources/Storage/manual/documenterra_baselang/Screenshots/styling-projects-created-from-templates/edit_button.png)
* Если вы хотите изменить шрифт текста, вам следует найти свойство **font-family** в селекторе **основного текста**. 
 ![Найдите свойство font-family в селекторе основного текста](/resources/Storage/manual/documenterra_baselang/Screenshots/styling-projects-created-from-templates/body-selector.png)
* Введите необходимое значение. 
 ![Измените значение свойства font-family, чтобы изменить шрифт](/resources/Storage/manual/documenterra_baselang/Screenshots/styling-projects-created-from-templates/font-family-changed.png)
* Сохраните изменения.
* Вернитесь к странице справки и нажмите кнопку **Обновить стили CSS** для быстрого обновления стилей. 
 ![Нажмите кнопку «Обновить CSS-стили» на вкладке «Главная» в верхней панели.](/resources/Storage/manual/documenterra_baselang/Screenshots/styling-projects-created-from-templates/refresh_styles.png)

Вот как будет выглядеть страница справки с новым свойством **font-family,** указанным в CSS-файле:
 
![Новый шрифт контента](/resources/Storage/manual/documenterra_baselang/Screenshots/styling-projects-created-from-templates/topic_changed.png)
 
Этот новый шрифт будет применен ко всему проекту.

| ![](/resources/Storage/manual/documenterra_baselang/Images/quick-parts/icon-info.svg) | Примечание |
| --- | --- |
| В системе **Документерра** наряду со шрифтами по умолчанию можно использовать [внешние онлайн-шрифты,](/articles/manual/ispolzovaniye-platnykh-shriftov)а также [загружать собственные файлы шрифтов](/articles/manual/ispolzovaniye-sobstvennykh-shriftov) в **файловое хранилище Документерры** и ссылаться на них в своем CSS-файле. |