>>> letter-spacing : 1px; <<<
здравствуйте. у меня вопрос имеется.
я верстаю сайт. предварительно в фотошопе набросал его.
сейчас всё полностью собрал, но не могу настоить шрифт в цсс-файле.
а точнее - межбуквенное расстояние (letter-spacing)...
__________________________________________________________
в фотошопе у меня такие параметры шрифта:
размер: 10px
цвет: #414B56
шрифт: Tahoma
letter-spacing: 50пикс (реально-это почти самое минимальное...)
___________________________________________________________
в цсс-файле я записал этот шрифт классом так:
.contacts {
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #414B56;
FONT-FAMILY: Tahoma;
TEXT-DECORATION: none;
vertical-align: top;
letter-spacing : 1px;
}
___________________________________________________________
в итоге на странице этот шрифт (класс contacts) выглядит таким же,
как и в фотошопе, но межбуквенное расстояние letter-spacing : 1px; -
просто огромное, по сравнению с изначальным фотошоповским..
значения, меньшие 1му пикс. вообще не создают межбукв. расстояния..
плз, подскажите, в чём моя ошибка.......
1. какие есть ещё др. способы установить межбуквенное расстояние
(letter-spacing)??
2. а, может, я неправильно написал в классе языковую семью
(FONT-FAMILY)?? если так, то как её написать правильно??
3. может, есть др. похожие языковые семьи, где леттер-спейсинг=1
будет примерно равен моему фотошоповскому??
заранее спасибо. премного благодарен.
underoath777
я верстаю сайт. предварительно в фотошопе набросал его.
сейчас всё полностью собрал, но не могу настоить шрифт в цсс-файле.
а точнее - межбуквенное расстояние (letter-spacing)...
__________________________________________________________
в фотошопе у меня такие параметры шрифта:
размер: 10px
цвет: #414B56
шрифт: Tahoma
letter-spacing: 50пикс (реально-это почти самое минимальное...)
___________________________________________________________
в цсс-файле я записал этот шрифт классом так:
.contacts {
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #414B56;
FONT-FAMILY: Tahoma;
TEXT-DECORATION: none;
vertical-align: top;
letter-spacing : 1px;
}
___________________________________________________________
в итоге на странице этот шрифт (класс contacts) выглядит таким же,
как и в фотошопе, но межбуквенное расстояние letter-spacing : 1px; -
просто огромное, по сравнению с изначальным фотошоповским..
значения, меньшие 1му пикс. вообще не создают межбукв. расстояния..
плз, подскажите, в чём моя ошибка.......
1. какие есть ещё др. способы установить межбуквенное расстояние
(letter-spacing)??
2. а, может, я неправильно написал в классе языковую семью
(FONT-FAMILY)?? если так, то как её написать правильно??
3. может, есть др. похожие языковые семьи, где леттер-спейсинг=1
будет примерно равен моему фотошоповскому??
заранее спасибо. премного благодарен.
underoath777
Как браузер зовут? Например NN (4 вроде) не тянет
а вообщем может стили не применяются!
к примеру попробуй не через стили, а задать напрямую:
типа
а вообщем может стили не применяются!
к примеру попробуй не через стили, а задать напрямую:
типа
Код:
<P style="letter-spacing: -3pt">межбуквенное расстояние</P>
Есть еще свойство word-spacing, которое устанавливает промежуток между словами.
Может быть текст выравнивается по ширине, тогда промежутки между словами могут изменяться:
Может быть текст выравнивается по ширине, тогда промежутки между словами могут изменяться:
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<style type="text/css">
p {
text-align: left;
}
.contacts {
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #414B56;
FONT-FAMILY: Tahoma;
TEXT-DECORATION: none;
vertical-align: top;
letter-spacing : 0;
word-spacing: -1px;
}
.jst {
text-align: justify;
}
</style>
</head>
<body>
<div style="width: 400px;">
<h4>Выравнивание по левому краю</h4>
<p class="contacts">Текст с выравниванием по левому краю или по ширине, межбуквенное расстояние 0, расстояние между словами -1px. Текст с выравниванием по левому краю или по ширине, межбуквенное расстояние 0, расстояние между словами -1px. Текст с выравниванием по левому краю или по ширине, межбуквенное расстояние 0, расстояние между словами -1px.</p>
<h4>Выравнивание по ширине</h4>
<p class="contacts jst">Текст с выравниванием по левому краю или по ширине, межбуквенное расстояние 0, расстояние между словами -1px. Текст с выравниванием по левому краю или по ширине, межбуквенное расстояние 0, расстояние между словами -1px. Текст с выравниванием по левому краю или по ширине, межбуквенное расстояние 0, расстояние между словами -1px.</p>
</div>
</body>
</html>
<html>
<head>
<title> New Document </title>
<style type="text/css">
p {
text-align: left;
}
.contacts {
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #414B56;
FONT-FAMILY: Tahoma;
TEXT-DECORATION: none;
vertical-align: top;
letter-spacing : 0;
word-spacing: -1px;
}
.jst {
text-align: justify;
}
</style>
</head>
<body>
<div style="width: 400px;">
<h4>Выравнивание по левому краю</h4>
<p class="contacts">Текст с выравниванием по левому краю или по ширине, межбуквенное расстояние 0, расстояние между словами -1px. Текст с выравниванием по левому краю или по ширине, межбуквенное расстояние 0, расстояние между словами -1px. Текст с выравниванием по левому краю или по ширине, межбуквенное расстояние 0, расстояние между словами -1px.</p>
<h4>Выравнивание по ширине</h4>
<p class="contacts jst">Текст с выравниванием по левому краю или по ширине, межбуквенное расстояние 0, расстояние между словами -1px. Текст с выравниванием по левому краю или по ширине, межбуквенное расстояние 0, расстояние между словами -1px. Текст с выравниванием по левому краю или по ширине, межбуквенное расстояние 0, расстояние между словами -1px.</p>
</div>
</body>
</html>