TryIt Editor v2.0 - Другой пример CSS свойство font

Source Code: (back to article)

<!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>