Установка шрифтов в программе Web Builder

Опубликовано Опубликовано в рубрике Blog

Создание сайта в программе WYSIWYG Web Builder

Установка шрифтов в программе Web Builder.
В данном посте научимся скачивать и устанавливать Google шрифты в программу Web Builder.
Для этого необходимо перейти по ссылке https://fonts.google.com/
Установка шрифтов google fonts
На данный момент Google предоставляет огромное количество шрифтов. В поиске вводим тот шрифт, который хотим видеть на сайте, рассмотрим на примере шрифт Roboto.
Установка шрифтов roboto web builder
Производим некоторые настройки шрифта. Смотрим, как будет выглядеть шрифт.
Установка шрифтов настройки web builder
После нажимаем «плюсик», в открывшемся окне переходим во вкладку Customize и проставляем галочки Light 300, Regular 400, Bold 700 и скачиваем архив на компьютер.
Установка шрифтов параметры web builder
Устанавливаем необходимые шрифты на компьютер.
Установка шрифтов light web builder
После того как установили шрифты на компьютер, переходим в программу Web Builder — ИнструментыПараметрыHTMLWeb шрифтыИспользовать шрифты GoogleУправление. Во вкладке шрифт выбираем Roboto Light и прописываем параметр шрифта.
Установка шрифтов параметр web builder
Для того чтобы прописать параметр шрифта, переходим в браузер Настройки шрифта вкладка Embed в строке Specify in CSS копируем параметр font-family: ‘Roboto’, sans-serif; и вставляем в программу ждём Ок.
Установка шрифтов family web builder
Прописываем текст на рабочем пространстве, выбираем шрифт Roboto, делаем предпросмотр и проверяем в браузере.

Посмотрите видео по установке Google шрифтов в программе Web Builder

Установка шрифтов в программе Web Builder обновлено: Июль 15, 2018 автором: agmpartner

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *