Добрый вечер.
Дело вот в чём. Было пару раз такое, что вёрстка не соответствовала макету. То есть все размеры я вытаскивал правильно, верстал - и были расхождения. И тут я не понимаю в чём дело. Скорее всего нет опыта вообще в вёрстке, да и знаний по CSS мало. Собственно, прошу помочь мне разобраться с этим. Есть конкретный пример.
Вот незаконченная вёрстка шапки
(интересует только расположение элементов в шапке по вертикали):
https://jsfiddle.net/webrapist/ap6nx4hg/1/ (все свойства кроме
float и
display определены прямо по макету (сначала смотрел в Avocode, потом в PS),
line-height, в частности)
Как должно быть (опять же, обратить внимание нужно на вертикальное расположение элементов):
В итоге получается, что "Design Studios" выше, чем должен быть, а блок с ссылками ниже, чем в макете.
Почему так происходит?
Единственное, в чём здесь различия - это разные шрифты. Я скачал макет, в итоге узнал, что используется шрифт, который не бесплатен (
MyriadPro).
Я не знаю, можно ли здесь сослаться на разные шрифты, но с предыдущими макетами была та же история, при одинаковых шрифтах (Примеры, к сожалению, привести сейчас не смогу).
Простой
