Теория
Теория

Свойство font-family: шрифт

Это задание архивной части. Перейдите по ссылке, чтобы пройти задание в актуальной части.

Задать семейство шрифта можно с помощью свойства font-family. Можно задавать конкретное название шрифта: "Times New Roman". А можно задавать желаемый тип шрифта, например:

serif — шрифт с засечками;
sans-serif — шрифт без засечек.

Есть и другие типы, но они используются реже.

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

body {
  font-family: "PT Sans", "Arial", serif;
}

Браузер проходит по списку слева направо и использует первый найденный в системе шрифт.

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство font-family: шрифт</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>CSS этапы</h1> <p>На втором этапе документ оформляется с помощью старого доброго CSS и обретает более аккуратный вид: появляется сетка страницы, задаются параметры шрифта элементов, фоновые изображения и так далее.</p> <p>На третьем этапе применяются новые возможности из семейства спецификаций CSS3, и документ доводится до блеска: полупрозрачные плашки, круглые уголки, тени. Также с помощью CSS3 можно добавить различные анимационно-декоративные фишечки: постепенное затухание или смещение элементов, подсвечивание полей форм и так далее.</p> </body> </html>

CSS

h1 { font-size: 24px; }

ЗадачиВыполнено

Измените шрифт заголовка на "Tahoma", sans-serif.
Измените шрифт абзацев на "Arial", sans-serif.

Свойство font-family: шрифт

Вход

Регистрация

Восстановление доступа