Перейти к содержимому
  • Вебшрифты для сайта

       (18 отзывов)

    Евгений Зубов
    • 32 4,25,6,20,3,26,27,28,29 4,6,32 https://creatura.club/uploads/monthly_2015_12/567efbe7756bb_3.5.3(-).mp4.8a93179cc94b6126a84a6c5dd06e788b.mp4 5 До 5 минут display: none; https://creatura.club/uploads/ Средняя сложность display: none;
      1. Пройдите тестирование для урока
      2. Оцените урок и сдайте задание

      В этом видеоуроке мы поговорим о том, какие типы шрифтов мы можем применять к тексту в программе Adobe Muse. Заходим в программу, создаем новый проект. Давайте создадим текстовый блок, напишем в нем digitalmakers.ru Выделим текст, заходим в инструмент "Текст", увеличим размер до 48, цвет сделаем желтым и выставим буквы посередине, сделаем отступ 30. Теперь нажимаем на инструмент "Выделение", чтобы выйти в режим редактирования текстового фрейма, и выберем заливку черным цветом. Вот таким образом мы можем оформлять текст в текстовом блоке.

      При выделенном текстовом фрейме в режиме "Текстовый фрейм", доступны все эти настройки. Первая настройка - это выбор шрифта текста. Давайте зайдем сюда и рассмотрим, что у нас есть подробнее. Здесь есть последние использованные шрифты, также есть закладка веб-шрифты, где мы можем добавить свои шрифты. Также вкладка "Стандартные шрифты с резервными символами". Это шрифты, которые уже есть в программе по умолчанию. Дальше идут "Системные шрифты" и "Экспорт в виде изображений". Далее просто все веб-шрифты, которые есть в системе. 

      Для того, чтобы поменять шрифт, мы просто выбираем один из веб-шрифтов, например, Verdana или лучше даже Trebuchet. Чем же отличаются веб шрифты от стандартных системных? И что значит "Экспорт в виде изображения"? Когда мы выбираем веб-шрифт для текста, то наш текст экспортируется из программы в виде букв и символов, то есть в виде текста в прямом понимании. Если же мы выбираем системные шрифты, например, Calibri , то сбоку у вас появится значок сбуквой Т и значком картинки. Это значит, что текстовый фрейм будет экспортироваться из программы Muse в виде изображения.

      Давайте сейчас продублируем данный фрейм при выделенном фрейме нажмем "Редактировать", "Дублировать" и расположим его чуть ниже. Сейчас у нас есть 2 одинаковых тестовых фрейма и они оба имеют значок. Давайте у первого фрейма поменяем шрифт на веб-шрифт, стандартный шрифт поставим снова, сделаем оба шрифта жирным. Посмотрим в браузере эти текстовые фреймы. Заходим в "Файл" - "Предварительный просмотр страницы в браузере". Мы видим вроде бы 2 практически одинаковые картинки, но в первом случае это именно шрифт, то есть мы можем выделять текст левой кнопкой мыши, а во втором случае мы это сделать не сможем, так как текстовый фрейм у нас экспортировался как изображение. То есть мы можем открыть картинку в новой вкладке, "Сохранить картинку как", опции мы видим такие же, как есть бы у нас на сайте была расположена обычная картинка.

      Вот чем отличаются данные способы. Заходим обратно в программу и на этом мы заканчиваем данный урок. Теперь вы знаете, что в программе есть как веб-шрифты, так и стандартные системные шрифты. Веб-шрифты экспортируются в качеств текста, а системные - в виде изображения.
      Вам необходимо будет выполнить задание к уроку, ответить на вопросы и перейти к следующему уроку.

    Познакомитесь с веб шрифтами. Узнаете что это такое. Зачем они нужны и в чем их отличие от стандартных шрифтов программы. После этого урока Вы будете способны использовать самые потрясающие шрифты.


      Жалоба


    Отзывы пользователей


    Слава Баранов

    Все понятно

    Поделиться отзывом


    Ссылка на отзыв
    Даниил Князев

    Спасибо, все понятно.

    Поделиться отзывом


    Ссылка на отзыв
    Genka

    +

    Поделиться отзывом


    Ссылка на отзыв
    Гость Падалко Сергей

    Идем дальше

    Поделиться отзывом


    Ссылка на отзыв
    Юлия+Коваль

    +1

    Поделиться отзывом


    Ссылка на отзыв
    Zhanibek_jez

    Понятно

    Поделиться отзывом


    Ссылка на отзыв
    Алексей

    Грамотно.

    Поделиться отзывом


    Ссылка на отзыв
    Валерий1234

    Спасибо

    Поделиться отзывом


    Ссылка на отзыв
    Андрей А

    Узнал важную особенность.

    Поделиться отзывом


    Ссылка на отзыв
    Aspirantmiha

    Весьма полезно!

    Поделиться отзывом


    Ссылка на отзыв
    Sharovich

    Спасибо. Всё понятно.

    Поделиться отзывом


    Ссылка на отзыв
    YanaZamkova

    Полезная информация! Спасибо!

    Поделиться отзывом


    Ссылка на отзыв
    7dgoni6

    Спасибо.

    Поделиться отзывом


    Ссылка на отзыв
    MB

    Ok

    Поделиться отзывом


    Ссылка на отзыв
    zse777

    Новое и полезное!

    Поделиться отзывом


    Ссылка на отзыв

×