This may be a font problem; this can help indicate a font containing glyphs for fixed-width spaces used. Most fonts are missing. Good browsers don't need glyphs, but instead increase the distance between other characters.
However, a more robust approach is to use CSS methods to add spacing, mainly to padding properties, and for spaces of text where a specific spacing between all letters is required, the letter-spacing . Using the latter, note that it adds a space after the last character. My page in Unicode space shows the specific or typical widths of "fixed width spaces" such as THIN SPACE (which arent all really fixed widths). But it's probably best to start with the amount of the desired interval in em units (font size) and just forget the spaces of a fixed width.
Another possibility is to use the regular SPACE character, but wrap it in a span and set its width. This requires an inline block. This approach is better than higher when the desired non-CSS reserve is regular space and not the absence of any interval. Please note that search engines should be considered CSS ignorant, so this approach has to do with the fact that they “see” the word space between characters (for example, to see “foo bar” and not “foo bar” when you want, so that the space is a fixed width between the words "foo" and "bar"). And as usual, you can use NO-BREAK SPACE instead of SPACE to prevent line breaks.
Example:
.thin { display: inline-block; width: 0.2em; }
<div style="font-size: 200%"> <div>ab (normal space)</div> <div>a b (thin space)</div> <div><span style="padding-right: 0.2em">a</span>b (0.2em padding)</div> <div><span style="letter-spacing: 0.2em">ab</span> (0.2em letter spacing)</div> <div>a<span class=thin> </span>b (space set to 0.2em width)</div> <div>a<span class=thin> </span>b (no-break space set to 0.2em width)</div> </div>
Jukka K. Korpela
source share