我正在尝试使正文文本第一段的第一个字母突出。我遇到的问题是使第一个字母与该段其余部分之间保持一致的间距。

例如，" W"和" I"之间的间距存在巨大差异

任何人都对如何减轻差异有任何想法？我希望使用纯CSS解决方案，但是如果需要的话，可以使用JavaScript。

PS：我不一定需要在IE或者Opera中兼容

解决方案

我尝试使用固定宽度的字体(例如" courier new")，并且由于字符的宽度大致相同，因此使其不那么引人注目。

编辑此字体很不错，但可能仅适用于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;
}

将其应用于p.outdent：first-letter：

margin-left: -800px;
padding-right: 460px;
float: right;

这会将第一个字母放置在段落的右边缘，然后将其左移约或者等于段落的宽度，然后将字母和所有填充都移到float的大负边距中，以使该段落适合保证金，不要尝试回避。