CSS font kerning is used to define the inter-glyph spacing of HTML elements.
This property uses many font to set the look of content. You can make your content or paragraph attractive using font family with kerning.
Syntax
|
1 |
font-kerning: enter the font kerning here |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<style> .span-kerning{ font-family: Times New Roman; font-kerning:normal; font-size:200px; } .span-nokerning{ font-family: Times New Roman; font-kerning:none; font-size:200px; } </style> <div class="div-align"> <span class="span-kerning">TAR</span> <span class="span-nokerning">TAR</span> </div> |
Output
TAR
TAR
TAR
CSS font kerning with paragraph
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<style> .span-kerning{ font-family: Times New Roman; font-kerning:normal; font-size:200px; } .span-nokerning{ font-family: Times New Roman; font-kerning:none; font-size:200px; } </style> <div class="div-align"> <span class="span-kerning">AVAIL</span> <span class="span-nokerning">AVAIL</span> </div> |
Output
AVAIL
AVAIL
AVAIL
CSS font kerning values list
| Sr. No. | value | Description |
|---|---|---|
| 1 | auto | Used to set the kerning to the discretion of the user agent.. The value for this is can be font name. |
| 1 | normal | Used to apply the kerning to text. The value for this is normal. |
| 2 | none | Used to specify not to apply kerning to text. The value for this is none. |
| 3 | initial | Used to define as the property initial value. |
| 4 | inherit | Used to define the computed value of property on the elements parent. |
| 5 | unset | Used to define the property either acts as inherit or initial, depending on the property if it is inherited or not. |