Question

我的间距有点问题。我希望间距小于1像素。这是我的HTML

<div id="head">
     <h1>Mira's</h1>
    <br>
     <h2>Koding place</h2>
</div>

这是CSS

@font-face {
    font-family: Museo;
    src: url("fonts/Museo300-Regular.otf") format("opentype");
}
body {
    background-color: black;
}
h1 {
    text-align: center;
    margin: 0 auto;
    font-family:'Museo', 'Lucida Console', Courier;
    font-size: 7em;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #029408, 0 0 70px #029408, 0 0 80px #029408, 0 0 100px #029408, 0 0 150px #029408;
}
h2 {
    font-size: 1.65em;
    text-align: center;
    font-family:'Museo', 'Lucida Console', Courier;
    color: #fff;
    margin-top: -1.65em;
    margin-left: 0.13em;
    letter-spacing: 0.5px;
}

问题是字母间距不是一个px，是否有 hack 使其小于一个px？

这是jsfiddle与它http://jsfiddle.net/3np3y/

另外请注意，CSS中的某些内容为px，有些内容为em。我很快就会将所有内容重新输入em。

Answer 1

字母间距可以有负值，所以请尝试：）

即。 letter-spacing: -4px;

字母间距小于一个像素

1 个答案: