Жирность шрифта

Создайте веб-страницу, как показано на рис. 1.

Рис. 1

Для подключения шрифта используйте следующую ссылку:

<link href="https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700" rel="stylesheet">

Сам шрифт в стилях указывается так:

font-family: Oswald, sans-serif;
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Жирность шрифта</title> <link href="https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700" rel="stylesheet"> <style> div { font-family: 'Oswald', sans-serif; margin: 1rem 0; /* Отступ сверху и снизу */ line-height: 2; /* Межстрочное расстояние */ } span { background: #F9E3B2; /* Цвет фона */ padding: 3px 10px; /* Поля вокруг текста */ } </style> </head> <body> <div> Жирность шрифта: <span style="font-weight: 300">light</span> <span style="font-weight: 400">regular</span> <span style="font-weight: 500">medium</span> <span style="font-weight: 600">semi-bold</span> <span style="font-weight: 700">bold</span> </div> </body> </html>
Как научиться разрабатывать сайты