我有一个间距的小问题。我希望间距小于 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 px
,是否有任何技巧可以使它小于 1 px?
这是 jsfiddle 与它http://jsfiddle.net/3np3y/
也不要介意 CSS 中的一些东西是px
和一些是em
. 我em
很快就会重新输入所有内容。