Помогите с шрифтами

[Nirealto]

Здравствуйте, пытаюсь сверстать вот этот макет, но никак не могу указать нужный размер шрифта, в фотошопе смотрю размер, показывает 14px, я ставлю font-size: 14px; но получается вот так:

 

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

 

P.S. Для сравнения использую PerfectPixel для хрома.

[Zverushka]

В хроме всегда буквы шире рисуется и ничего не сделать с этим.

[Nirealto]

В хроме всегда буквы шире рисуется и ничего не сделать с этим.

Большое спасибо(не нашёл кнопки поднятия репутации), получается под хром невозможно верстать с PerfectPixel.

[hhh]

PerfectPixe

 

Это полный бред. Лучше обходить стороной заказы с такими требованиями.

[klierik]

Это полный бред. Лучше обходить стороной заказы с такими требованиями.

 

надо уметь пользоваться инструментами.

 

Большое спасибо(не нашёл кнопки поднятия репутации), получается под хром невозможно верстать с PerfectPixel.

не надо воспринимать это требование как "реальное соотношение 1:1 с макетом".

Если речь идет от тексте, то вполне достаточно выровнять первую букву с макетом (или последнюю, тут зависит по какому краю выровнен текст).

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

 

почему макет (шрифты) не совпадает с браузером?

дело в том что Photoshop рендерит шрифт по-своему, Firefox и другие браузеры так же по-своему.

[Nirealto]

Спасибо за пояснения, я только начал изучение вёрстки и пришёл к выводу что PerfectPixel'ем удобно подгонять макет, получается куда быстрее чем смотреть как было в фотошопе и как свёрстано у тебя.