В данной статье мы попробуем детально рассказать, как грамотно использовать шрифты на сайтах под управлением CMS Веб-Мастерская.

Вы наверное, уже успели заметить, что в визуальном редакторе контейнеров в Админке нет возможности изменить и\или выбрать другой вариант шрифта. С чем же это связано? Дело в том, что часть пользователей "злоупотребляла" возможностью менять шрифты на сайте произвольным образом (пальцем в небо) из-за чего на страницах сайтов начали твориться хаос и анархия (т.е. могла быть парадоксальная ситуация, когда на 1 странице одновременно в разных местах использовалось 5-7 разных шрифтов). Чем же это плохо?

• С 1 января 2019 года все сайты государственных органов и организаций должны предусматривать версию (поддерживать специальные технологии) для инвалидов по зрению и быть совместимыми с различными веб-браузерами. Структура интернет-сайта должна обеспечивать оптимальное размещение различных видов информации, простоту навигации и доступа пользователей с различным уровнем образования и технической подготовки к содержанию рубрик (разделов, подразделов) интернет-сайта, а также единство дизайна всех страниц (пункт 6). ПОСТАНОВЛЕНИЕ СОВЕТА МИНИСТРОВ РЕСПУБЛИКИ БЕЛАРУСЬ 29 апреля 2010 г. № 645

Как же будет реализовано единство дизайна всех страниц сайта, если каждый редактор (администратор) сайта будет на разных страницах использовать произвольные (разные) шрифты - правильно НИКАК! Следующий момент, как технически будет реализована версия для слабовидящих (инвалидов по зрению) если на разных страницах будут использоваться разные шрифты - а тут уже нужно выполнять требования СТБ 2304-2013 Интернет-ресурсы. Общие требования доступности для инвалидов по зрению.

Поэтому установлено достаточно жесткое правило - управление шрифтами на сайте через каскадные таблицы стилей CSS. При этом по умолчанию, разработчиками системы в таблице стилей вашего сайта записан 1 шрифт для основного текста всех страниц вашего сайта. Вы его сможете изменить на другой, подходящий для Вас (смотрите Советы в конце статьи). Осуществляется это во вкладке Дизайн секция Подключение пункт CSS.  В нем (справа) находится список файлов таблиц стилей CSS. Найдя нужный (можно уточнить в тех.поддержке или определить самостоятельно) файл таблицы стилей, Вы изменяете стилевое описание шрифта.

В приведенном ниже изображении (выделенный текст), в 13 строке кода таблицы стилей для сайта используется шрифт Fira Sans Condensed.

Важно помнить!

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

Также, не рекомендуем использовать в режиме  <> Исходный код "инлайновые стили" (т.н. встраиваемые в HTML-теги стили, с использованием атрибута style), так как они "мешают" стилевому оформлению страницы через таблицы стилей CSS вашего сайта.