E
E
Egor Astreiko2018-05-20 20:13:33
css
Egor Astreiko, 2018-05-20 20:13:33

Why is the font height larger than in psd?

Hello everyone, I ran into a debility problem:
There is a button in psd:

border: 1px solid #c22a15;
border-radius: 13px;
font-family: 'Roboto';
font-size: 14px;
font-weight: 300;
padding: 7px 25px 6px;

I also write in the scss file.
As a result, the size of the button differs from the layout (
5b01ac2e2b614262437132.png
What could be causing this and how to achieve the same result (not specifying a fixed width and height, not reducing the padding).
Thanks in advance.

Answer the question

In order to leave comments, you need to log in

1 answer(s)
G
Gleb Qeemerc, 2018-05-21
@Qeemerc

Values ​​returned by PS with error.
In general, it is desirable to specify a font size smaller than 2-3px.
But here it can also be in the line-height. If the designer is smart and the line-height is the same, this might solve the problem.
It is wise to make template (repeating) buttons as a general class and specify the maximum height, as an option.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question