Questions tagged [letter-spacing]

a CSS property that defines the spacing between text characters

Description

The letter-spacing CSS property specifies spacing behavior between text characters. As a length, it is an animatable property.

Usage Example

#spacing_normal {
    letter-spacing: normal; /* normal spacing between 2 letters */
}
#spacing_px {
    letter-spacing: 5px; /* space of 5 pixels between 2 letters */
}
#spacing_em {
    letter-spacing: 0.5em; /* space of 0.5em between 2 letters */
}
#spacing_inherit {
    letter-spacing: inherit; /* inherit the letter spacing provided for parent */
}

References

  1. W3C Specification
  2. MDN Link
  3. Fiddle Example
143 questions
3
votes
2 answers

How to make letter spacing css rule add space around character?

In css letter-spacing rule, the rule adds space after the character. Now I want to make the space to surround the character instead. Importantly, when I highlight the whole text, the space before first character should be highlighted. Workarounds…
Theogry
  • 266
  • 2
  • 7
3
votes
1 answer

NReco PdfGenerator character or letter spacing

I am using Nreco PdfGenerator to generate pdf from HTML. Everything is fine but characters are so close to each other and it is not easy to read. Is there any way to fix this issue? HTML version PDF version This is my CSS