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
0
votes
0 answers

GET 1ST LETTER AFTER SPACE IN TEXT BOX

I have 1000's of record in a database and I have one field as name and other as code now i want to replace all code with every 1st letter after space from name for example in name field Manoj Sir Madan then replace code will be "MSM" Suraj Bhai…
0
votes
1 answer

Space between characters in UITextField

How can I add space between characters? (hundred, thousand, million) For example 550 5 500 55 500 555 500 5 555 000 etc. I did this @IBAction func textEditingChanged(_ sender: UITextField) { if sender.text!.count > 0 && sender.text!.count % 4…
0
votes
1 answer

HTML Renderer - letter-spacing CSS not working

I'm generating PDF from HTML using HTML Renderer, but the letter-spacing HTML is not working: h1 { text-align: center; font-size: 2.2em; letter-spacing: 3px; } Generating PDF like below: var config = new PdfGenerateConfig(); …
Kris
  • 5
  • 1
  • 6
0
votes
0 answers

How to define letterSpace dp in the Kotlin code (programmatically)?

I have a material customButton and I want to give it a letterSpace in the code part. The letterSpace value is = 0.38dp. I have tried this but this is not gives the result that I want: class KycButton : MaterialButton { constructor(context:…
0
votes
2 answers

Adjust letter spacing to size of container

I am trying to create the following effect How do I make it so the letter spacing of the bottom text makes to the end of the container? HTML
0
votes
2 answers

Ways to Remove Unnecessary Spaces?

My code below gets the street address for each gym, but there is an error in the spacing of the output for the hours that the gym is open. Any ideas of where I went wrong? import urlparse from bs4 import BeautifulSoup from bs4 import Tag import…
0
votes
2 answers

can you adjust the kerning between individual letters with Cufon?

Hey all.. exactly as it sounds. currently using @fontface, lettering.js, and kern.js to get this word pretty and scalable. would love to do all that and throw a pretty gradient on top. thanks!
technopeasant
  • 7,809
  • 31
  • 91
  • 149
0
votes
0 answers

How to use linear-gradient with letter-spacing?

Is any way to combine linear-gradient and letter-spacing in fonts? The problem is that I cut a piece of the letter "B". Linking JSFiddle: https://jsfiddle.net//ft7uL29g/1/
0
votes
2 answers

@font-face letter spacing looks wider only on mobile browser

I am hosting a font using @font-face, and have set up a media query where the font size will shrink when the screen size hit (<) a certain width. On PC, it looks all fine across the browsers. But I think the letter-spacing did not scale down…
0
votes
0 answers

Letter-space in android-text view

I would like to implement a letter spacing ( Increase/Decrease the spaces) and bind the same to slider control. I have already created a slider that scales the text, but unable to create the letter spacing option, since, I have no clue on how to do…
Gopa
  • 143
  • 1
  • 2
  • 9
0
votes
1 answer

fixed character width for an imported font

Working on a app that requires a count up and have chosen the font Orbitron for its square look. The problem being that,unlike the default font on chrome, the width of this font's digit isn't fixed, meaning that the count characters will move left…
Hallemon
  • 161
  • 1
  • 14
0
votes
1 answer

What is the use of letter-spacing in vertical layout html

I am trying to understand Japanese vertical htmls. During my analysis i have found that in lot of places content has letter-spacing : . I have rarely used this css style in horizontal content but in JP it has used mostly with…
Pavan Tiwari
  • 3,077
  • 3
  • 31
  • 71
0
votes
1 answer

How to position texts in the four side of a HTML Page with responsive letter spacing hover animation

I'm trying to place 4 texts in the four sides of the webpage. all these texts will have line spacing to separate all the characters from one another. Once, hovered line spacing will be reduced to normal making them appear in the…
Wasi
  • 1,473
  • 3
  • 16
  • 32
0
votes
1 answer

Giving character spacing to text in fabricJS

I am using fabricJS in my project, fabric version(1.6.2). Is there any property for spacing between characters? I have looked into this charSpacing property char spacing fiddle but I believe it's not available for version(1.6.2), I have tried this…
Mohd. Monis
  • 199
  • 4
  • 18
0
votes
1 answer

Space Between Heading and Canvas

I wrote the following code .bluecolor{background-color : skyblue;} canvas{width: 100pt;margin:0px;border: 5px solid;} h1{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} Hello World
user7359847