Искусство шрифта в наружной рекламе

Популярные высокопроизводительные программные приложения Microsoft Office и Apple iWork устанавливают дополнительные файлы шрифтов. Если предположить, что у большого числа компьютерных пользователей есть одно из них (в зависимости от установленной операционной системы), список Web-безопасных шрифтов можно расширить.
Web-дизайнер Джейсон Кренфорд Тиге (Jason Cranford Teague) именно это и сделал. Исследовав перечни шрифтов для программных приложений, он составил каталог с расширенным списком Web-безопасных шрифтов, который можно отсортировать по их именам, насыщенности, ОС или рангу (вероятности их установки на компьютере пользователя) (рис. 14). Просмотреть список можно по адресу http://tr.im/xCGi















Рисунок 14 – Внешний вид каталога с расширенным списком Web-безопасных шрифтов
2.3 Практические примеры применения шрифтов в web-дизайне

В течение многих лет в web-дизайне приходилось применять «стандартные для сети» шрифты. Когда он нуждался в необычной типографии дизайна, необходимо было заменить его графическим элементом и использовать правило отступа для сдвига текста из окна просмотра. Поэтому специалисты разработали несколько изобретательных методов для добавления необычных шрифтов:
ИФР (http://www.mikeindustries.com/blog/sifr/)
Куфон (http://cufon.shoqolate.com/generate/)
Они использовали Flash и JavaScript соответственно для того, чтобы сделать текстовые элементы такими, какими они должны быть. К счастью, CSS3 предоставляет средства для пользовательских веб-шрифтов. При этом используются шрифты CSS @ font-face. При этом стандарт CSS @ font-face существует с CSS2.. [11]
Как и все, что связано с активами в Интернете, имеет разные расширения файлов. Изображения могут быть в формате JPG, PNG, GIF и других, шрифты имеют собственный набор форматы на выбор.
Также разработчики предпочитают более распространенный TrueType (расширение файла .ttf), хотя есть также SVG и Web
Существует также шрифт Roboto. Это шрифт, используемый для более поздней версии Android. Его можно получить самостоятельно по адресу http://www.fontsquirrel.com/fonts/roboto. Загрузив набор @ font-face, можно посмотреть внутрь ZIP-файла, чтобы увидеть папки различных шрифтов Roboto. Желательно выбирать обычную версию. Внутри в этой папке шрифт существует в различных форматах файлов (WOFF, TTF, EOT и SVG), а также файл stylesheet.css, содержащий стек шрифтов. Обычный выглядит так:









Рисунок – Внешний вид применения шрифта Roboto
Тогда это просто случай установки правильного шрифта и веса (при необходимости) для соответствующего правило стиля. Можно просто объявить это семейство шрифтов по умолчанию:


Рисунок – Семейство шрифтов по умолчанию
Дополнительным бонусом для веб-шрифтов является то, что, если в составном шрифте используются те же шрифты, которые использованы в коде, можно подключать размеры напрямую из составного файла. Например, если шрифт 24px в Photoshop, можно либо вставить это значение прямо, либо конвертировать его в более гибкий модуль, такой как REM (при условии, что размер шрифта root равен 16px, 24/16 = 1,5 мм). Далее можно использовать их здесь, чтобы масштабировать текст относительно объема области просмотра.











Рисунок – Внешний вид операции масштабирования теста в области просмотра
Если открыть этот пример в браузере и изменить размер области просмотра, то можно увидить, что всего в несколько строк CSS появиться текст, который масштабируется до доступного пространства. Это очень удобный прием при использования web-дизайна.

Заключение

В заключении отметить, применение уже существующих и разработка новых шрифтов в Web-дизайне является важной и востребованной тематикой для работы в этом направлении. Новые шрифты для дизайна имеют высокое качество, а методики, способствующие развитию шрифтов в Web-дизайне имеют разнообразие разных вариантов и сочетаний, которые можно применять бесплатно. Шрифты, о которых рассказано в данной работе, соответствуют требованиям сегодняшнего рынка Web-дизайна.
В данной работе достигнута основная цель – описана технология передачи данных ADSL.
В данном реферате были решены следующие задачи:
привести основные понятия, связанные с шрифтов в Web-дизайне;
описать процессы, происходящие при искусстве применения шрифтов.
Также в процессе написания реферата были использованы современные и классические источники литературы и глобальной сети Internet.

Список использованной литературы

Butterick's Practical typography. 2010-2016 (web book hardcopy). M.Butterick Practical typography (монография)/Mattew Butterick, Erik Spiekermann— тип: PDF-копия web-книги, на бумаге не издавалась— 2016. – с.
Кругляк Ю.А., Кострицкая Л.С. Web-программирование и web-дизайн. Конспект лекций. — Одесса: Экология, 2011. — 155 с.
Olsson Mikael. CSS3 Quick Syntax Reference: A Pocket Guide to the Cascading Style Sheets Language. 2nd edition. — Apress, 2019. — 184 p.
Загидова Х.М., Магомедова Д.С. (сост.) Графические пакеты и web-дизайн. Учебное пособие. — Махачкала: ДГИНХ, 2011. — 182 с.
Meyer Eric A., Weyl Estelle. CSS: The Definitive Guide Visual Presentation for the Web. 4th ed. — O'Reilly Media, 2018. — 1057 p.
Лукьянович И.Р. Основы верстки в InDesign. Учеб.-метод. пособие для студентов. — Минск: БГУ, 2011. — 98 с.
ТОП-3 шрифтов для веб-дизайна. Как работают беспилотные автомобили [Электронный ресурс]. – Режим доступа: http://www.kulikoff.com.ua/public/top-3-shriftov-dlja-veb-dizajna/, свободный. – Загл. с экрана.
Перепелица Ф.А. Эффективная разработка веб‐сайтов. Bootstrap. Учебное пособие. — СПб: Университет ИТМО, 2015.– 71 с.
Шмитт К. CSS. Рецепты программирования + Example code. Русская Редакция, БХВ-Петербург, 2011. - 672 с.
Миронов В.Ю. Adobe Edge Animate СС 2015. Учебный курс. — Москва: Академия медиаиндустрии (Институт повышения квалификации работников телевидения и радиовещания), 2016. — 64 с.
Frain B. Responsive Web Design with HTML5 and CSS3. 2nd Edition. — Packt Publishing, 2015. — 312 p.








2