<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.