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

Раздел вводит понятия гарнитуры, шрифта, начертания, кегля и типографической иерархии. На конкретных примерах поясняется, чем семейство шрифтов отличается от отдельного начертания и как текстовые стили помогают разделять содержание страницы. Эти определения нужны, чтобы далее использовать термины точно, сравнивать сайты по единым критериям и обоснованно описывать решения, применённые в собственном макете.

В этом пункте рассматриваются распространённые группы шрифтов: с засечками, без засечек, моноширинные и декоративные. Для каждой группы описываются характерные особенности рисунка букв и типичные ситуации применения в цифровом дизайне. Сравнение не сводится к утверждению, что один тип всегда лучше другого: выбор связывается с содержанием страницы, задачей текста и удобством чтения на конкретном экране.

Раздел объясняет, как основные свойства CSS управляют внешним видом текста на веб-странице. Рассматриваются font-family, font-size, font-weight, font-style, line-height и интервалы, а также способы указать резервную гарнитуру. На примерах показывается, что параметры взаимосвязаны: изменение размера влияет на длину строки, а выбор начертания и интервалов — на заметность заголовков и общее равновесие текстового блока.

В пункте рассматриваются факторы, от которых зависит удобство чтения текста на экранах: размер букв, длина строки, межстрочный интервал и различимость текста с фоном. Отдельное внимание уделяется адаптивности — способности оформления сохранять понятную иерархию при изменении ширины экрана. Будут приведены способы проверять контраст и оценивать страницу на разных устройствах, чтобы визуальные решения не мешали восприятию информации.

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

Практическая часть посвящена созданию страницы с текстовым содержанием и согласованной типографической системой. В макете задаются гарнитуры, размеры и начертания заголовков и абзацев, интервалы, цвета и порядок визуальных акцентов. Каждый выбор связывается с задачей страницы и материалами теоретической части. Итог должен быть наглядным: по макету можно понять, как организованы уровни текста и почему они оформлены именно так.

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

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

В список включаются использованные при подготовке проекта книги, справочные материалы, официальная документация по CSS, рекомендации по веб-доступности и страницы с примерами дизайна. Для интернет-источников указываются название ресурса, адрес и дата обращения, а для печатных изданий — автор, название, издательство и год. Источники следует выбирать так, чтобы определения и технические сведения можно было проверить, а изображения и примеры использовать с соблюдением условий публикации.