word-spacing controls the gap between words
Written by Stefan Judis
- Published at
- Updated at
- Reading time
- 1min
This post is part of my Today I learned series in which I share all my web development learnings.
That's a very short one. I was reading "CSS rules that will make your life easier" and came across word-spacing which I haven't seen before.
.foo {
word-spacing: 3px;
}
The above can be used to definie the gap between words. I could imagine that this could be useful when dealing with custom fonts to make the switch from fallback font to custom font less jumpy. :)
You can find all needed info on MDN and before you jump right onto it please consider that this property could slow down reading speed of your users.
If you enjoyed this article...
Join 5.5k readers and learn something new every week with Web Weekly.
Reply to this post and share your thoughts via good old email.
Frontend nerd with over ten years of experience, freelance dev, "Today I Learned" blogger, conference speaker, and Open Source maintainer.