# Configure font size pr device in Themes

**URL:** <https://community.appfarm.io/t/configure-font-size-pr-device-in-themes/1025>\
**Category:** Feature requests\
**Created:** [February 5, 2024, 12:28pm UTC](https://community.appfarm.io/t/configure-font-size-pr-device-in-themes/1025 "2024-02-05T12:28:25Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![kenneth.solberg](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/kenneth.solberg/32/1034_2.png) [@kenneth.solberg](https://community.appfarm.io/u/kenneth.solberg)\
**Post date:** [February 5, 2024, 12:28pm UTC](https://community.appfarm.io/t/configure-font-size-pr-device-in-themes/1025/1 "2024-02-05T12:28:25Z")

</div>

I can configure a font-size for the different styles, but have to specify / override font size everywhere for different devices. It would be nice to do this in the theme configuration.

---

<div class="post-metadata">

**Author:** ![Malin](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/malin/32/1634_2.png) [@Malin](https://community.appfarm.io/u/Malin)\
**Post date:** [February 6, 2024, 8:01am UTC](https://community.appfarm.io/t/configure-font-size-pr-device-in-themes/1025/2 "2024-02-06T08:01:16Z")

</div>

Hi,

and welcome to our community! Your suggestion has been passed on to our developer team for consideration. If you have any more ideas or feedback, feel free to share them with us.

Malin

---

<div class="post-metadata">

**Author:** ![Johan18](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/johan18/32/748_2.png) [@Johan18](https://community.appfarm.io/u/Johan18)\
**Post date:** [April 23, 2024, 12:24pm UTC](https://community.appfarm.io/t/configure-font-size-pr-device-in-themes/1025/3 "2024-04-23T12:24:53Z")

</div>

Hi  
Any suggestions from Appfarm on best practise to handle low resolution and high resolution browsers in a manageable manner until this feature is released? Mainly the issue is that the default font sizes are way to large on a laptop with low resolution. Is it a good workaround to detect screen size on app load and apply a “low resolution” theme to low res clients?

---

<div class="post-metadata">

**Author:** ![kristian](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/kristian/32/58_2.png) [@kristian](https://community.appfarm.io/u/kristian)\
**Post date:** [April 23, 2024, 12:38pm UTC](https://community.appfarm.io/t/configure-font-size-pr-device-in-themes/1025/4 "2024-04-23T12:38:09Z")

</div>

In general, you have two relevant client settings:

1. Screen size. This is “handled” in appfarm (when using responsive design, or having conditions towards App Variables.Client Screen Size). But we are missing the possibility to differentiate font sizes globally within an app for different screen sizes (you need to override font size manually for smaller screens per text component).
2. Zoom level in browser. This one is a bit more tricky. Normally a browser has a zoom level of 100%, but some persons use higher or lower. And also, when developing in Appfarm Create, many developers use “Autofit”, and autofit is not 1-to-1 with the sizes experienced in the browser for the client.  
 ![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/2X/0/07864eddf903140526dba7083b4561c71d0fad7f.png)

Regarding point 2), this post may be relevant:

> [@Is it possible to scale the whole App (similar to zoom level 80%)?](https://community.appfarm.io/t/is-it-possible-to-scale-the-whole-app-similar-to-zoom-level-80/48):
>
> This question is regarding zoom levels in the browser. The default is 100% zoom in the browser, but we find that our app looks and works better on an 80% zoom level. Is there a way where I can define 80% zoom as the default or that 80% zoom as the new 100%? Let me know if this question does not make sense and I’ll try to explain better.