У меня небольшая проблема с интервалом. Я хочу иметь интервал менее 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
, есть ли взломать, чтобы сделать его менее чем за один точек?
Вот jsfiddle с ним http://jsfiddle.net/3np3y/
DonT Также ум, что некоторые вещи в CSS являются px
и некоторые из них em
. Я перепечатаю все на em
в ближайшее время.
Возможно, это может помочь - http://stackoverflow.com/questions/7811225/is-there-a-way-to-make-css-letter-spacing-0-5-px. – vujke