# Problem with local font

**URL:** <https://forum.pinegrow.com/t/problem-with-local-font/6405>\
**Category:** Beginners\
**Tags:** css\
**Created:** [March 18, 2022, 8:22pm UTC](https://forum.pinegrow.com/t/problem-with-local-font/6405 "2022-03-18T20:22:54Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Josan](https://avatars.discourse-cdn.com/v4/letter/j/dec6dc/32.png) [@Josan](https://forum.pinegrow.com/u/Josan)\
**Post date:** [March 18, 2022, 8:22pm UTC](https://forum.pinegrow.com/t/problem-with-local-font/6405/1 "2022-03-18T20:22:54Z")

</div>

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](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/3/3c10e437bd13371d05759984bc133455d87412f2.png)

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [March 18, 2022, 10:01pm UTC](https://forum.pinegrow.com/t/problem-with-local-font/6405/2 "2022-03-18T22:01:42Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Josan](https://avatars.discourse-cdn.com/v4/letter/j/dec6dc/32.png) [@Josan](https://forum.pinegrow.com/u/Josan)\
**Post date:** [March 19, 2022, 2:10am UTC](https://forum.pinegrow.com/t/problem-with-local-font/6405/3 "2022-03-19T02:10:20Z")

</div>

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…

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [March 19, 2022, 9:43am UTC](https://forum.pinegrow.com/t/problem-with-local-font/6405/4 "2022-03-19T09:43:54Z")

</div>

What font are you trying to use?

---

<div class="post-metadata">

**Author:** ![Josan](https://avatars.discourse-cdn.com/v4/letter/j/dec6dc/32.png) [@Josan](https://forum.pinegrow.com/u/Josan)\
**Post date:** [March 19, 2022, 2:46pm UTC](https://forum.pinegrow.com/t/problem-with-local-font/6405/5 "2022-03-19T14:46:58Z")

</div>

‘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](https://transfonter.org)).