Шрифты
настройка и добавление шрифтов
1
Глобальная настройка шрифтов
На Базиуме представлены «шрифтовые четвёрки» — наборы из четырёх разных начертаний одного или нескольких шрифтов, которые можно комбинировать.
Можно использовать созданные дизайнером сочетания, а можно создать своё.
Толщина шрифта выражается числовыми значениями: 200 — очень тонкий, 900 — максимально жирный, 400 — используется как стандартная толщина.
Можно использовать созданные дизайнером сочетания, а можно создать своё.
Толщина шрифта выражается числовыми значениями: 200 — очень тонкий, 900 — максимально жирный, 400 — используется как стандартная толщина.
2
Настройка шрифтов в блоках
После выбора «четвёрки» вы сможете применять её шрифты при настройке дизайна как отдельных блоков, так и всего сайта в целом.
Использование шрифтов не из заранее созданных шрифтовых четвёрок приводит к увеличению времени загрузки сайта. Мы рекомендуем использовать только 4 начертания, которые заданы.
3
Как добавить свои шрифты
1. Выберите шрифт (например, на Google Fonts или Шрифтотеке) и скачайте его.
2. В боковой панели конструктора перейдите в раздел Сайт → Дополнительно → Файлы → кликните «Загрузить» и выберите файл шрифта в формате ttf или woff2.
3. Скопируйте ссылку формата /files/009/742/216/9742216/original/НазваниеШрифта.ttf полученную после загрузки.
4. Перейдите на страницу глобальной настройки шрифтов (Дизайн сайта → Шрифты, начертания), в конце страницы выберите «Подключить свои шрифты через вставку CSS-кода».
5. Подготовьте CSS-код для подключения шрифта:
@font-face {
font-family: 'НазваниеШрифта 500';
src: url('/files/009/742/216/9742216/original/НазваниеШрифта.ttf');
font-weight: 500;
font-style: normal;
}
Обратите внимание:
font-style - всегда normal
font-weight - указывается толщина в виде числа
в названии font-family добавлена толщина (например, НазваниеШрифта 500)
6. После сохранения шрифт готов к использованию.
2. В боковой панели конструктора перейдите в раздел Сайт → Дополнительно → Файлы → кликните «Загрузить» и выберите файл шрифта в формате ttf или woff2.
3. Скопируйте ссылку формата /files/009/742/216/9742216/original/НазваниеШрифта.ttf полученную после загрузки.
4. Перейдите на страницу глобальной настройки шрифтов (Дизайн сайта → Шрифты, начертания), в конце страницы выберите «Подключить свои шрифты через вставку CSS-кода».
5. Подготовьте CSS-код для подключения шрифта:
@font-face {
font-family: 'НазваниеШрифта 500';
src: url('/files/009/742/216/9742216/original/НазваниеШрифта.ttf');
font-weight: 500;
font-style: normal;
}
Обратите внимание:
font-style - всегда normal
font-weight - указывается толщина в виде числа
в названии font-family добавлена толщина (например, НазваниеШрифта 500)
6. После сохранения шрифт готов к использованию.
Если у вас несколько шрифтов, то ставим блоки с CSS-кодом друг под другом.