Установка шрифта на сайт
А сегодня мы приступаем с Вами к изучению css свойства font-family. Изучив данное свойство, вы сможете устанавливать шрифты для своего сайта. Чтобы попросту не болтать, мы сразу же приступим к практике, а потом я объясню, как правильно задавать шрифты.
<html>
<head>
<title>Свойство font-family</title>
<link rel="stylesheet" href="css/styles.css" type="text/css" />
</head>
<body>
<p>Первый шрифт</p>
<h2>Второй шрифт</h2>
<h3>Третий шрифт</h3>
</body>
</html>
Применяем css стили:
p {
font-family: Arial, sans-serif;
}
h2 {
font-family: Georgia, serif;
}
h3 {
font-family: 'Times New Roman', Arial, Helvetica;
}
Мы специально задали три различных html тега, чтобы применить к каждому из них свой отдельный шрифт. Начнем разбирать css код. Мы задаем каждому тегу свойство font-family и как обычно через двоеточие указываем значение свойства, а именно название необходимого нам шрифта. Задавая значения шрифтов через запятую, означает, что если первого шрифта на вашем компьютере не будет обнаружено, то будет задан следующий шрифт и т.д. В случае с тегом h3, мы указали шрифт Times New Roman, который записали в одинарных кавычках. Такая запись производится для всех шрифтов, которые пишутся раздельно, т.е., имеют пробел. На сегодня это все, что бы я хотел Вам сказать о шрифтах. Вы можете более подробно почитать о семействах шрифтов, если Вам это интересно, однако этой информации достаточно для установки шрифта на сайте!
