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

Abcpdf 9 and letter-spacing

I'm facing an ennoying problem. When I create a PDF from HTML, using the CSS property "letter-spacing" on some divs, browser (Firefox) and PDF (Gecko) renderings are different. Actually, it appears that ABCPdf is adding somehow a constant to my…
Holyheart
  • 83
  • 1
  • 2
  • 11
0
votes
1 answer

Position of SVG text wrong in generated PNG, but correct in the SVG itself

Look at this SVG file: https://commons.wikimedia.org/wiki/File:Matrix_representing_a_6-cube.svg In the PNG generated on the page the gray numbers are in the wrong place - both positioning and spacing are wrong. But if you click on the image and look…
Watchduck
  • 1,076
  • 1
  • 9
  • 29
0
votes
1 answer

Positioning: style and computed style have different values safari

I have some trouble with letter-spacing style in Safari 7.0. I have an input into which I enter the value letter-spacing style for text in the page. But after I enter values, computed styles and ruled style have difference. For example I enter…
0
votes
0 answers

Better solution for spaced letter types and punctuation?

According to typography rules there should not be spacing after spaced text if punctuation follows, but larger spacing if unspaced text follows. Similar for the space on the left side of spaced text. My current solution:`
0
votes
1 answer

CSS: How do remove white space caused by letter spacing

I'm using letter-spacing in css but it's causing unwanted white-space at the end of my words. How can I remove this? For instance, doing this: a { letter-spacing:2px; border-bottom:1px solid #333; } creates the unwanted space at the end. I…
Angelo A
  • 2,744
  • 6
  • 28
  • 37
0
votes
0 answers

CSS combination: Applying letter spacing and rotation pops up the span

I have a div, and in it have spans, and their content are comprised of single letters
Set 4
Robert Achmann
  • 1,986
  • 3
  • 40
  • 66
0
votes
0 answers

Setting Letter Spacing in RDLC Reports

Is there a way to set the Letter Spacing on textboxes of RDL/RDLC reports. It should work when exporting to pdf.
N.D.B
  • 443
  • 7
  • 25
0
votes
2 answers

Letter spacing in IOS 6

I would like to know that how can i set Letter spacing in iOS 6? It's working fine for iOS 7 using below code, now need to do for iOS 6 : NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc]…
Anand Gautam
  • 2,541
  • 3
  • 34
  • 70
0
votes
1 answer

Letter Spacing Css with custom font on safari?

I'm developping a website and I just realised there is a problem with my font rendering only on Safari and I don't find a solution. Basically I used two custom fonts on my website. One has a letter spacing of 0.05em to respect my psd file. My font…
Anselme
  • 479
  • 2
  • 9
  • 32
0
votes
1 answer

cross browser letter-spacing

I am having a huge problem with cross-browser letter spacing which is causing box/input boxes to be off in different browsers, particularly safari and chrome. As the picture shows, one is scrunched up while other looks normal. Does anyone have any…
bryan
  • 8,879
  • 18
  • 83
  • 166
0
votes
1 answer

Form text field formatting issue between IE and other browsers

We are building a form to closely duplicate a printed version that requires precise placement of the input text fields in a layer over graphic elements to match the printed form. Everything was working fine until the client asked for text align…
0
votes
1 answer

Jquery - Fit text into element with only letterspacing & word-spacing

Is there a plugin for this? I have been screening of the internetz and found bigText, Justify, fitText, textFit but they all seem to work with the font-size which I dont want to do. I only want the text to fit inside a element with a defined…
Philip
  • 6,827
  • 13
  • 75
  • 104
0
votes
1 answer

Why does Chrome & Opera ignores my letter-spacing: 0.03em;?

So any idea why does Chrome (17.0.963.79) & Opera (12.12) ignores my "letter-spacing: 0.03em;" to the body text? While in Mozilla and IE it works. test page
Jack
  • 172
  • 8
0
votes
1 answer

Best framework for new application which handle text(fonts,characters)

I need to create application, using which user can handle text in graphical interface. User can move text objects inside parent panel/canvas or something, change fonts, change size of characters (height, width), spacing between characters and so…
Fabio
  • 31,528
  • 4
  • 33
  • 72
0
votes
1 answer

Building a Software for adjusting kerning and spacing of Characters in a Typeface

As the title suggests, I want to build a software that can read .ttf and .otf files and then allow user to adjust the kerning, character widths and character spacing. I know about the project freetype but it is written in C and I can code only in C#…
Morpheus
  • 3,285
  • 4
  • 27
  • 57
1 2 3
9
10