проблемы с letter-spacing

[slo_nik]

Доброе утро.

Помогите, пожалуйста, решить проблему.

Есть сайт http://test.roganov.kharkov.ua/lamp

В шапке сайта слоган (продажа светодиодов...) и номер телефона по разному отображаются в Mozilla и Coogle chrome.

Если в Mozilla всё нормально отображается, то в Google chrome расстояние между символами в слогане и номере телефона меньше.

Пытаюсь указать значение letter-spacing, в этом случае ситуация меняется, в Google crome нормально отображается, а в Mozilla слова и номер телефона выходят за границы элемента.

Подскажите, как решить данную проблему?

[cyklop77]

отказаться от letter-spacing. разные браузеры по разному его считают. одна из причин это, наверное, разница в округлении дробных чисел. с этим ничего нельзя поделать

Edited August 18, 2013 by cyklop77

[slo_nik]

  On 8/18/2013 at 8:06 AM, cyklop77 said:

отказаться от letter-spacing. разные браузеры по разному его считают. одна из причин это, наверное, разница в округлении дробных чисел. с этим ничего нельзя поделать

Так как в таком случае настроить одинаковое отображение шрифта?

[cyklop77]

никак. в css с типографикой вообще дела обстоят не лучшим образом

если у тебя небольшой кусок текста, логотип например и его не планируется изменять из админки, то я бы попробовал картинкой обойтись

попробуй покопать в сторону canvas. я когда с градиентным текстом мучался, canvas помог. не знаю есть ли там методики для регулирования межбуквенных расстояний...

Edited August 18, 2013 by cyklop77

[mrnobody]

Посмотрите по этой ссылке, может что-нибудь найдете из jQuery-плагинов для работы с letter-spacing'ом:

http://www.cmsmagazine.ru/library/items/layout/20-fantastic-jquery-web-type-plugins/

[slo_nik]

Шрифты конвертировал на сайте http://www.fontsquir...bfont-generator

Возможно из-за настроек конвертора возникать проблема?

Используется шрифт "PF BeauSans Pro Regular"

P.S. Проблема решилась. Виной всему моя лень))) Подключил "PF BeauSans Pro Regular" и через "font-weight" пытался задать насыщенность шрифта. Всё удалил и подключил "PF BeauSans Pro Regular Bold" - проблема исчезла.

Благодарю всех ответивших.

Edited August 18, 2013 by slo_nik