Menu
I ran across the problem, I need to make it easy for users to read the text, so I used letter-spacing of 1 px, but it looks ugly, so I thought I'll use half a pixel so 0.5px, but it doesn't work, I tried using em attributes, but didn't achieve the task.
So is there a way to make letter spacing half pixel (cross browser solution if possible)
500
HTML has a standard width on the space between characters, based on the font size. This is usually the width you want to use, but there may be instances where you want a specific width of the text, without having to change the font size. This can be done by changing the distance between the words or the characters.
The CSS font-kerning property defines the way specific pairs of letters are spaced. You see, fonts often contain information about how much breathing room a character has on its left and right edges. The proper term for the spacing is sidebearings.
In this CSS word-spacing example, we have removed 3px of space between the words by setting a -3px value for the word-spacing property. This removes some of the word spacing that has been added by the selected font.
This bug has been reported back in 2008 and is confirmed. So if someone feels like hacking into webkit that would make a lot of designers happy.
https://bugs.webkit.org/show_bug.cgi?id=20606
68
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
