<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
.font1{
font: italic small-caps bold 20px/1 cursive;
}
.font2{
font: italic 1.2em "Fira Sans", serif;
}
.font3{
font: 1.2em "Fira Sans", sans-serif;
}
.font4{
font: small-caps bold 28px/1.5 sans-serif;
}
.font5{
font: caption; /* font: menu | icon | message-box | small-caption | status-bar;*/
}
</style>
</head>
<body>
<h2>Пример свойства font</h2>
<p class="font1">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вeб-дизайне.</p>
<p class="font2">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вeб-дизайне.</p>
<p class="font3">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вeб-дизайне.</p>
<p class="font4">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вeб-дизайне.</p>
<p class="font5">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вeб-дизайне.</p>
</body>
</html>