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.
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
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).