# Font size difference in thunkable and html

**URL:** <https://community.thunkable.com/t/font-size-difference-in-thunkable-and-html/3748033>\
**Category:** Questions about Thunkable X\
**Created:** [April 17, 2025, 4:05am UTC](https://community.thunkable.com/t/font-size-difference-in-thunkable-and-html/3748033 "2025-04-17T04:05:30Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![sciencecompetitioncz](https://avatars.discourse-cdn.com/v4/letter/s/7ab992/32.png) [@sciencecompetitioncz](https://community.thunkable.com/u/sciencecompetitioncz)\
**Post date:** [April 17, 2025, 4:05am UTC](https://community.thunkable.com/t/font-size-difference-in-thunkable-and-html/3748033/1 "2025-04-17T04:05:30Z")

</div>

Hi,  
I noticed that the font size in thunkable labels and in html are different.  
Have any of you experienced the same as me?  
Because the labels in thunkable doesn’t adjust the height to fit all content automatically, I’m trying to use an html document to calculate the actual height and return it back to thunkable.  
However, I find out that the font size in html and thunkable doesn’t match, so the height is wrong too. (green part is thunkable label, red part is html in web viewer)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/8/68a6e3c2ad28176886ae88ccee3d49034bfe07fb.png)

---

<div class="post-metadata">

**Author:** ![sciencecompetitioncz](https://avatars.discourse-cdn.com/v4/letter/s/7ab992/32.png) [@sciencecompetitioncz](https://community.thunkable.com/u/sciencecompetitioncz)\
**Post date:** [April 17, 2025, 4:09am UTC](https://community.thunkable.com/t/font-size-difference-in-thunkable-and-html/3748033/2 "2025-04-17T04:09:53Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/8/28e7f61ba5bb49b08bfdc292f4d25bff204c6844.png)  
Thunkable styling code

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/b/2b083e7d1a4eae5b5edfbeefd30789a60ce1cf0e.png)  
CSS styling in the html document

I’m pretty sure both texts are set to barlow 14px  
But you can clearly see (with bare eyes/ruler) in the first post that the font size are different.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [April 17, 2025, 9:04pm UTC](https://community.thunkable.com/t/font-size-difference-in-thunkable-and-html/3748033/3 "2025-04-17T21:04:05Z")

</div>

Hello @sciencecompetitioncz  
To make the text component expand based on the text you will need to set the height as “Fit contents”.

To see this option, you will need to use the [Layout component](https://docs.thunkable.com/app-design/ui-components/basic-components/layout). To make it adapt to the device width/height, set the width of the Layout width is 375px, the height 667px, the Resize Mode to “Stretch”, activate scrollable and the size of the components inside the layout to “Fit contents”.

Here is an example project: [Thunkable](https://x.thunkable.com/projects/66c86e6eb6ef29fe43f6667e)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [July 16, 2025, 9:04pm UTC](https://community.thunkable.com/t/font-size-difference-in-thunkable-and-html/3748033/4 "2025-07-16T21:04:22Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.