1

間隔に少し問題があります。間隔を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;
}

問題は、文字間隔が1未満ではないことですが、1ピクセル未満にするためのハックpxはありますか？

これがjsfiddleですhttp://jsfiddle.net/3np3y/

また、CSSにはあるものとあるものがあることを気にしないでpxくださいem。emすぐにすべてを再入力します。

4

1 に答える 1

2

文字の間隔は負の値になる可能性があるので、試してみてください:)

IEletter-spacing: -4px;

于 2013-03-23T19:44:07.757 に答える