Почему высота шрифта больше чем в psd?

Рендеринг одного и того же шрифта в граф. редакторах и browser-е всегда различается. Если заказчик требует от вас такой степени pixel perfect, он - идиот. И это надо оговаривать на стадии согласования ТЗ.

Здесь всё достаточно тривиально - line-height

Хотя в целом верстка текста вовсе не тривиальная задача.

Moskus, требование совпадения высоты кнопок - идиотизм?

автору вопроса крайне рекомендую к изучению эту статью css-live.ru/css/metriki-shrifta-line-height-vertic...

Это необходимо знать и понимать

Сергей delphinpro, зависит от контекста и степени совпадения.

Но вы расширительно трактовали мое утверждение, а это - демагогический риторический прием. Я имел в виду строго то, что сказал: требование попиксельного совпадения рендеринга шрифта - идиотизм.

Если от рендеринга шрифта зависит что-то еще (высота или ширина каких-то элементов), то, учитывая возможность различного рендеринга, это далекая от совершенства вёрстка. Тексту следует давать некий простор для изменений (или универсально ограничивать эти изменения, не подгоняя label каждой отдельной кнопки дробными значениями межбуквенных интервалов, например), чтобы всё остальное от этого не корёжилось.

Сергей delphinpro, line-height, не подходит, так как я не знаю вдруг заказчику захочется в кнопку с такими стилями вставить текст в две строки и что тогда делать ?

Moskus,

требование попиксельного совпадения рендеринга шрифта

Это — миф.
За 10 лет работы я не встречал таких требований.

Егор Астрейко, Я выше написал, что делать — изучить статью по ссылке. И вообще изучить вопрос верстки шрифтов.

В данном случае поступите проще. Сделайте две кнопки рядом. Одну в две строки. Подберите по второй кнопке line-height, чтобы надпись нормально смотрелась. Потом по первой кнопке подберите паддинги, чтобы высота совпадала.

Сергей delphinpro, еще одна демагогия - попытка изменить предмет обсуждения. Мало ли что вы лично не встречали - это не повод обвинять кого-либо во лжи (а это вообще свинство, строго говоря).
Это бывает систематически. Долбанутые заказчики накладывают скриншоты на макет и смотрят.

Moskus, Я вас не обвинял во лжи. Допускаю, что вы искренне верите в этот миф.

Сергей delphinpro, демагогия продолжается. Я не "верю", я это видел лично.

Moskus,

Мало ли что вы лично не встречали

Мало ли что вы лично видели...

Сергей delphinpro, ха-ха, вот я вас и заставил проявить свою демагогическую двуличную сущность - когда на логическую ошибку указывают вам, вы делаете вид, что этого не было, а когда вам представился случай самому указать на нее (сделанную намеренно) - вы за это ухватились. Хватит уже выкручиваться - ввязались в заведомо проигрышный спор по какой-то странной причине, имейте смелость хотя бы просто помолчать.

Moskus, По-моему, это вас уже не остановить =)) Ну да ладно.

В краткости вы не видите сути. Давайте разверну. Заказчики бывают разные, попадаются ничего не понимающие в области web-разработки, они слышали краем уха про пиксельное совпадение с макетом и требуют этого. Но это не значит что они идиоты. Этим людям достаточно кратких объяснений и возможно пары ссылок, чтобы они перестали придираться. Повторю, это не идиотизм, это незнание предмета.

Это бывает систематически. Долбанутые заказчики накладывают скриншоты на макет и смотрят.

Ну вот, вы тоже прикрылись пустой фразой.
Почему долбанутые? Многие так делают. Я, как исполнитель, так делаю в процессе верстки! Я, как заказчик, тоже контролирую верстку в том числе и наложением макета.

В общем посредственный специалист всегда прикрывает свою некомпетентность внешними факторами...