<style>
h1 { font-family: "Georgia", serif; } p { font-family: system-ui, sans-serif; }
</style>
<h1>Мой сайт</h1><p>Системный шрифт</p>

<style>
@font-face { font-family: "Brand"; src: url("brand.woff2") format("woff2"); font-display: swap; }
h1 { font-family: "Brand", Georgia, serif; }
</style>
<h1>Шрифт Brand (или запасной)</h1>

<style>
h2 { font-size: 1.5rem; } small { font-size: 0.8rem; }
</style>
<h2>Меню</h2><small>Цены в рублях</small>

<style>
.price { font-weight: 700; }
</style>
<p>Пенал — <span class="price">290 ₽</span></p>

<style>
.note { font-style: italic; }
</style>
<p class="note">Без лактозы по запросу</p>

<style>
p { line-height: 1.6; max-width: 30ch; }
</style>
<p>Пишем о путешествиях, фотографиях и маленьких открытиях каждый день.</p>

<style>
p { font: italic 700 1.1rem/1.4 Georgia, serif; }
</style>
<p>Всё одной строкой</p>