/* * Шрифты детского сайта. * * Itim — дружелюбный рукописный шрифт с полной кириллицей, ставим его только * на заголовки и короткие подписи. Основной текст остаётся на Open Sans: * длинные абзацы рукописным шрифтом читать утомительно. * * Файл урезан до кириллицы, латиницы и знаков препинания: 32 КБ вместо 417. * * Гоча: у Itim одно начертание — 400. Если оставить font-weight 600/700, * браузер рисует поддельный жир: буквы «замыливаются» и читаются хуже. * Поэтому везде, где стоит Itim, вес принудительно возвращаем к 400. * * Этот файл подключается ПОСЛЕ golden.css — здесь одна правда о шрифтах, * и размеры заголовков берутся отсюда, а не из общего оформления. */ @font-face { font-family: 'Itim'; src: url('/golden/shrifty_itim.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } :root { --detki-shrift-zagolovkov: 'Itim', 'Segoe UI', Arial, sans-serif; } /* ---- основной текст ---- Шаблон ставил телу Helvetica — системный шрифт без настроения и с бледной кириллицей. Переводим на Open Sans, он уже лежит у нас на сервере. Гоча: Gantry вешает на класс font-family-helvetica, а класс специфичнее простого body{}, поэтому перекрываем по классу. */ body, body.font-family-helvetica, body.font-family-helvetica input, body.font-family-helvetica button, body.font-family-helvetica select, body.font-family-helvetica textarea { font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif !important; } /* ---- название учреждения в шапке ---- */ .detki-logo__glavnoe { font-family: var(--detki-shrift-zagolovkov) !important; font-weight: 400 !important; font-size: 25px !important; line-height: 1.15 !important; letter-spacing: .2px; text-transform: none !important; } .detki-logo__vtoroe { font-size: 13.5px !important; font-weight: 400 !important; } /* ---- заголовки материалов и страниц ---- */ #rt-main h1, #rt-main h2, #rt-main h3, #rt-main h4, #rt-main h1 a, #rt-main h2 a, #rt-main h3 a, #rt-main h4 a, .componentheading, .page-header h1, .page-header h2 { font-family: var(--detki-shrift-zagolovkov) !important; font-weight: 400 !important; letter-spacing: .2px; } /* название раздела или страницы */ #rt-main h1, .componentheading, .page-header h1 { font-size: 30px !important; line-height: 1.2 !important; } /* заголовки материалов в ленте и на самой странице */ #rt-main h2, .item-page > h2, .page-header h2 { font-size: 23px !important; line-height: 1.25 !important; } /* подзаголовки внутри текста */ #rt-main h3 { font-size: 20px !important; line-height: 1.3 !important; } #rt-main h4 { font-size: 18px !important; line-height: 1.3 !important; } /* ---- заголовки блоков (модулей) ---- */ #rt-feature .rt-block .title, #rt-utility .rt-block .title, #rt-content-bottom .rt-block .title, #rt-mainbottom .rt-block .title, #rt-sidebar-a .rt-block .title, #rt-sidebar-b .rt-block .title, .module-title h2.title, .module-title .title { font-family: var(--detki-shrift-zagolovkov) !important; font-weight: 400 !important; font-size: 20px !important; line-height: 1.25 !important; letter-spacing: .2px; } /* ---- заголовки карточек свежих новостей ---- */ ul.newsflash-horiz .newsflash-title, ul.newsflash-horiz .newsflash-title a { font-family: var(--detki-shrift-zagolovkov) !important; font-weight: 400 !important; font-size: 17px !important; line-height: 1.3 !important; } /* ---- подписи плиток быстрых разделов ---- Гоча: подписи свёрстаны по-разному — где-то внутри ссылки, где-то ссылка внутри , а у «Как записаться» ссылки нет совсем. Плюс у каждой висит inline font-size: 12pt. Поэтому берём весь абзац целиком со всем, что внутри, и с !important — иначе подписи выходят разного размера и с поддельным жиром. */ #rt-feature .custom p, #rt-feature .custom p a, #rt-feature .custom p strong, #rt-feature .custom p span, #rt-feature .custom p b { font-family: var(--detki-shrift-zagolovkov) !important; font-weight: 400 !important; font-size: 16px !important; letter-spacing: .4px; } /* ---- названия пунктов в блоке «Интерактив» ---- */ .sprocket-lists-portrait-title, .sprocket-lists-portrait-title a, .sprocket-lists-title, .sprocket-lists-title a { font-family: var(--detki-shrift-zagolovkov) !important; font-weight: 400 !important; font-size: 18px !important; line-height: 1.25 !important; } /* Меню и основной текст намеренно оставлены обычным шрифтом: в них важнее скорость чтения, чем настроение. */ @media (max-width: 959px) { .detki-logo__glavnoe { font-size: 21px !important; } #rt-feature .rt-block .title, #rt-utility .rt-block .title, #rt-content-bottom .rt-block .title, #rt-mainbottom .rt-block .title, .module-title h2.title, .module-title .title { font-size: 19px !important; } } @media (max-width: 767px) { .detki-logo__glavnoe { font-size: 19px !important; } .detki-logo__vtoroe { font-size: 12.5px !important; } #rt-main h1, .componentheading, .page-header h1 { font-size: 24px !important; } #rt-main h2, .page-header h2 { font-size: 20px !important; } #rt-main h3 { font-size: 18px !important; } #rt-feature .custom p, #rt-feature .custom p a, #rt-feature .custom p strong, #rt-feature .custom p span, #rt-feature .custom p b { font-size: 15px !important; } }