<p>Якщо підтримується CSS <code>font-stretch:nn%</code>, цей текст буде розтягнуто.</p>

<p>Якщо підтримується CSS <code>font-stretch:nn%</code>, цей текст буде стислий.</p>

<p>Якщо CSS <code>font-stretch:nn%</code> НЕ підтримується, весь текст буде за замовчуванням (як цей).</p>


@font-face {
	font-family: Venn;
	src: url(https://www.axis-praxis.org/fonts/codepen/VennVF.woff2);
  font-stretch: 1% 500%;
}

body {
  font-size: 18px;
  font-family: Venn;
}

p:nth-of-type(1) {
  font-stretch: 125%;
}

p:nth-of-type(2) {
  font-stretch: 75%;
}
code{
  font-size: 20px;
  font-weight: 700;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.