<div class="block1">
  <p class="text">Власивість <code>font-kerning: none;</code></p>
<p class="no-kerning">AVAIL</p>
  
</div>
<div class="block">
  <p class="text">Власивість <code>font-kerning: normal;</code></p>
<p class="kerning">AVAIL</p>
</div>
body {
  font-family: Lato;
  font-size: 5em;
  font-weight: 900;

}

p {
  margin: 0;
  text-align: center;
}

.no-kerning {
  font-kerning: none;
}

.kerning {
  font-kerning: normal;
  color: orange;
}
.text{
  font-size: 20px;
}
.block1{
  margin-bottom: 30px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.