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
1
vote
1 answer

How to add a space if 2 conditions are met from a wall of text file?

I have a .txt file that has stock tickers such as $AAPL, but the issue is that these tickers are stuck to other words such as "$AAPL24H" but instead I want it to be "$APPL 24H" so essentially I want python or some sort of text editor to go ahead and…
Jake Smith
  • 23
  • 2
1
vote
0 answers

How to change space between caret and text inside input?

Letter spacing given -0.02rem by design, that's why space between caret and letter is too small in input. Is there any way to solve this problem without changing letter-spacing in css? enter image description here input, textarea { width: 100%; …
Davron
  • 29
  • 5
1
vote
1 answer

Adjust :hover property to a new property when the font-size of h1 has changed

I have a little problem... I don't know how to adjust the :hover letter-spacing property when I have made a change in the appearance of the text using @keyframes... More specific: hover changes my h1 appearance like so: font-size, position,…
Timo132019
  • 19
  • 3
1
vote
2 answers

replacing "." with a character in R

I have a string that is NAME = "Brad.Pitt" I want to replace "." with a space (" "). I tried using sub, gsub, str_replace, str_replace all. They aren't working fine. Is there anything that I am missing out ?
naveen chandra
  • 149
  • 1
  • 7
1
vote
1 answer

FOP Arabic letter spacing

I am generating multi-lingual PDF using Apache FOP 2.5, including Latin, Cyrillic and Arabic characters. I managed to include the proper fonts, and I was able to deal with the right-to-left display for Arabic, when needed. However I am facing an…
ThomasFrancart
  • 470
  • 3
  • 13
1
vote
2 answers

how to justify text in multiple links vertically

I need all the links below to be justified vertically, i.e. on left and right side. font-size should be as is. Obviously the only way is to adjust letter-spacing, but is it possible to do this automatically for all links inside…
qadenza
  • 9,025
  • 18
  • 73
  • 126
1
vote
1 answer

Letter spacing incorrect for one word only

When using letter-spacing we get the expected result, except for one part of the text and only on mobile (android and iphone). This is the desired result on desktop: And this is how it looks on mobile; notice the "finest" There is nothing special…
Hugo Delsing
  • 13,803
  • 5
  • 45
  • 72
1
vote
0 answers

Android - How to add different spacing for different characters in a TextView?

On Android, one can use the android:letterSpacing XML attribute or the setLetterSpacing(float letterSpacing) method to change the spacing between ALL characters in a TextView. Is there a way to change the spacing per character? For instance, for the…
1
vote
3 answers

Fading out a span with css animations leaves space

I want to animate some text, that is located in the middle of more text. Everything works almost fine, except the faded out span leaves additional space in it's place that looks kinda ugly. Setting in the "faded out" part of the animation display:…
Misamoto
  • 572
  • 6
  • 16
1
vote
3 answers

Is there a way to fix letter width in EditText?

I am trying to find a library or a simple trick to fix the width of each letter in an EditText so that the dashed lines on the background match exactly the number in the EditText. You can see the photo for the desired effect.
1
vote
2 answers

@font-face displays different letter-spacing for different files

We have some non-standard webfonts (wich we have a license for) and we received the .otf version of that font. There are some online tools to convert the fonts to the web-formats and then with some css you can include the fonts, so far so…
Paul Scheltema
  • 1,993
  • 15
  • 25
1
vote
0 answers

Should   not be rendered with the same width as a space?

When I open the following little html document in Firefox (Arch Linux) it is rendered like so: Title