Инструктор Кекс поручил вам сделать наглядное пособие на тему «Чем отличаются шрифты с засечками от шрифтов без засечек». На самом деле всё просто.

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

Шрифты без засечек — выглядят более эффектно, поэтому их используют для более коротких текстов.

Сам инструктор много пишет код, поэтому ему милее всего моноширинный шрифт (именно им он набрал исходное состояние испытания). У символов в моноширинном шрифте одинаковая ширина, и это очень удобно для написания кода программы: код выглядит более структурированно, чем при обычном шрифте, где ширины всех символов разные.

Мяу! Используй следующие шрифты:

• "Georgia", serif — для первого текста (шрифт с засечками);
• "Verdana", sans-serif — для второго текста (шрифт без засечек);
• "Times New Roman", serif — для третьего текста (шрифт с засечками);
• "Tahoma", sans-serif — для четвёртого текста (шрифт без засечек).

Решение

Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.

body {
  width: 550px;

  margin: 0;
  padding: 0 30px;

  font-size: 40px;
  font-family: "Courier New", "Courier", monospace;
}

.serif-1 {
  font-family: "Georgia", serif;
}

.serif-2 {
  font-family: "Times New Roman", serif;
}

.sans-serif-1 {
  font-family: "Verdana", sans-serif;
}

.sans-serif-2 {
  font-family: "Tahoma", sans-serif;
}