Jump to content
  • Вебшрифты для сайта

       (18 reviews)

    Евгений Зубов
    • 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 практически одинаковые картинки, но в первом случае это именно шрифт, то есть мы можем выделять текст левой кнопкой мыши, а во втором случае мы это сделать не сможем, так как текстовый фрейм у нас экспортировался как изображение. То есть мы можем открыть картинку в новой вкладке, "Сохранить картинку как", опции мы видим такие же, как есть бы у нас на сайте была расположена обычная картинка.

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

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


      Report Занятие


    User Feedback


    Genka

    +

    Share this review


    Link to review
    Guest Падалко Сергей

    Идем дальше

    Share this review


    Link to review
    Zhanibek_jez

    Понятно

    Share this review


    Link to review
    Алексей

    Грамотно.

    Share this review


    Link to review
    Андрей А

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

    Share this review


    Link to review
    Aspirantmiha

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

    Share this review


    Link to review
    Sharovich

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

    Share this review


    Link to review
    YanaZamkova

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

    Share this review


    Link to review
    7dgoni6

    Спасибо.

    Share this review


    Link to review
    MB

    Ok

    Share this review


    Link to review
    zse777

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

    Share this review


    Link to review

×