Problem with local font

Hi. My english is very limited, sorry.

By including a local font the line height (or whatever) changes. I include an image to show the effect on a button, it is also noticeable in the texts within the rows in the tables.

What can be happening? The buttons are in a Bootstrap 5 document.

Captura de pantalla 2022-03-18 a las 21.11.30

Hi @Josan,
It would be a long message to fully explain, but different fonts have different “leading”. This is due to a number of factors. In the end we can control how this presents with line height, but it is a tricky CSS problem. Try altering the line-height on the body element to see if you can get it looking how you want.
Good Luck,
Bob

1 Like

Thanks @RobM. With the line height I have not had any luck and I have fixed it in a “dirty” way playing with the upper and lower paddings. Newbies are dangerous…

What font are you trying to use?

‘ITC Officina Serif Std’ and ‘ITC Officina Sans Std’. It is a purchased font and I have used a @font-face generator (https://transfonter.org).