Skip to main content

Class-leterSpacing

Utilities for controlling the tracking (letter spacing) of an element.

Use the v-let-spacing-* utilities to control the letter spacing of an element. You can use
the feat: custom feature if you want the letter spacing to suit your needs.

Table list letters​

Class nameProperties
v-let-spacing-normal letter-spacing: normal;
v-let-spacing-1 letter-spacing: 10px;
v-let-spacing-2 letter-spacing: 20px;
v-let-spacing-3 letter-spacing: 30px;
v-let-spacing-4 letter-spacing: 40px;

The table above presents several types of letter spacings with different variants.

Example Code​

index.html
<div>
    <span class="v-font-lg v-let-spacing-normal"> 
        spacing 
    </span>
    <span class="v-font-lg v-let-spacing-1"> 
        spacing 
    </span>
    <span class="v-font-lg v-let-spacing-2"> 
        spacing 
    </span>
    <span class="v-font-lg v-let-spacing-3"> 
        spacing 
    </span>
    <span class="v-font-lg v-let-spacing-4"> 
        spacing 
    </span>
</div>