<p>I'm trying to implement an outdent of the first letter of the first paragraph of the body text. Where I'm stuck is in getting consistent spacing between the first letter and the rest of the paragraph. </p>

<p>For example, there is a huge difference in spacing between a "W" and an "I"</p>

<p><img src="https://i.stack.imgur.com/2TsvYm.png" alt="&#39;I&#39; Outdent"><br>
<img src="https://i.stack.imgur.com/DnZVSm.png" alt="&#39;W&#39; Outdent"></p>

<p>Anyone have any ideas about how to mitigate the differences? I'd prefer a pure CSS solution, but will resort to JavaScript if need be.</p>

<p><strong>PS</strong>: I don't necessarily need compatibility in IE or Opera</p>

I tried using a fix-width font like 'courier new' and since the characters are more or less the same width it made it a lot less noticeable.
Edit - this font is decent but might only work for windows
```
```
p.outdent:first-letter {
    font-family: ms mincho;
    font-size: 8em;
    line-height: 1;
    font-weight: normal;
    float: left;
    margin: -0.1em 0 0 -.55em;
    letter-spacing: 0.05em;
}
```
```