Расстояния слов (шрифт)

Статус
В этой теме нельзя размещать новые ответы.
Pigini

Pigini

Знаток
Регистрация
28 Апр 2009
Сообщения
173
Реакции
29
Как сделать что бы было бы более понятней написанное... так как на сайте когда много пишут выходит вот так -

bb69fb3e1539.gif


Что в CSS прописать или должно быть прописанно что бы более понятней было?
Понятно, это значит - что бы слова не были все в куче, что аж глаза напрягаются от читки такой..

Вот так
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
было бы в самый раз.
c392acb7fb82.png
 
HTML: 
<head>
    <style type="text/css">
        p {
            word-spacing: 5px;
        }
    </style>
</head>
<body>
    <p>
        Очень много текста.
    </p>
</body>
И еще размер шрифта и сам шрифт имеют большое значение, но всем не угодишь.
UPD: Учтите, что IE (включая 8-ю версию) не поддерживают значение inherit в свойстве word-spacing
 
  • Заблокирован
  • #3
Вообще тут не только в расстояние между буквами дело...
Почитай описание - font-family. Выбери для себя подходящий=)
Если не ошибаюсь в кинопоиске стоит - font-family: verdana
 
надо править "line-height", а не "word-spacing".

line-height: 20px; - высота строки будет 20px, ставь на 5 пикселей больше размера шрифта и выглядеть будет получше.
 
line-height увеличит расстояние между всеми строчками, а тут как я понимаю нужно просто увеличить расстояние между абзацами. Соответственно в коде html нужно текст позапихавать в тег абзаца <p></p>. а в css прописать отступы снизу для p {padding-bottom: 7px;) например.
 
troop3r, line-height тут вообще не в тему.

Pigini, поэкспериментируйте с этими стилями:

.textblock {
letter-spacing:1px;
word-spacing:4px;
font-family:camria;
color:#000;
font-size:8pt;
background:#DAF1DB;
}
Нажмите для раскрытия...
 
Одними стилями делу не помочь, предварительно обработай текст "типографом" например фришным от пернатого :)
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
 
А можно просто заключить каждый обзац в тег <p> или див или еще какойто и в стиле указать

HTML: 
<p style="padding-bottom: 10px;">тут обзац</p>
 
<p style="padding-bottom: 10px; line-height: 25px;">
твой ОДИН абзац
</p>
Будет тебе в самый раз...
Сделать это на автомате нельзя. если только не использовать движок со встроенным редактором текста, который как раз делает разметку текста самостоятельно. Табуляция, пробелы, абзаци и тд... либо ручками, либо редактор текста.
&nbsp; - пробел. Я обычно использую таких 7 штук... для табулции.
<br/> - новая строка... их этого и исходи...
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху