<p>Для цього абзацу заданий цілий список шрифтів: <em>Raleway, "Open Sans", sans-serif</em>. Один за одним, браузер буде намагатися знайти шрифт зі списку серд встановлених на Вашому комп'ютері. Якщо жоден не буде знайдений, браузер застосує якийсь доступний шрифт з сімейства <em>sans-serif</em>.</p>

<p class="special">А для цього тексту, ми застосували такий список: шрифт з сімейства <em>fantasy, serif</em>. І так само, якщо шрифта з сімейства <em>fantasy</em> не буде на Вашому комп'ютері, браузер застосує доступний з сімейства <em> serif</em>.</p>
body {
  font: 18px/1.45 sans-serif;
}

p {
  font-family: Raleway, "Open Sans", sans-serif;
}

p.special {
  font-family: fantasy, serif;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.