# FontSize in percentage %?

**URL:** <https://forums.fusetools.com/t/fontsize-in-percentage/3598>\
**Category:** General\
**Created:** [August 26, 2016, 8:42pm UTC](https://forums.fusetools.com/t/fontsize-in-percentage/3598 "2016-08-26T20:42:46Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mitnick](https://avatars.discourse-cdn.com/v4/letter/m/779978/32.png) [@Mitnick](https://forums.fusetools.com/u/Mitnick)\
**Post date:** [August 26, 2016, 8:42pm UTC](https://forums.fusetools.com/t/fontsize-in-percentage/3598/1 "2016-08-26T20:42:46Z")

</div>

I love how my application looks the same(same proportions) on all different screen sizes using Grids and %-size in Height and Width.

The only thing that is fixed, is the FontSize. Why is it not possible to use % for the FontSize?

And what are the workarounds?

I mean on bigger screens the FontSize should be bigger and on smaller screens smaller FontSize.

How can I achieve this?

---

<div class="post-metadata">

**Author:** ![asaxionis](https://avatars.discourse-cdn.com/v4/letter/a/4491bb/32.png) [@asaxionis](https://forums.fusetools.com/u/asaxionis)\
**Post date:** [August 26, 2016, 10:09pm UTC](https://forums.fusetools.com/t/fontsize-in-percentage/3598/2 "2016-08-26T22:09:08Z")

</div>

The only solution currently is to wrap it in a `<Viewbox></Viewbox>` and define the viewbox as a percentage, it will look a little funny on the desktop preview but when i preview it on the iPhone it looks perfectly fine

example:

```auto
<Viewbox Height="100%" Width="100%">
<Text Value="Hello" FontSize="30" Color="Black"/>
</Viewbox>

```

Play around with the fontsize & the percentages you need alter both to get what your looking for

---

<div class="post-metadata">

**Author:** ![Bent](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/bent/32/157_2.png) [@Bent](https://forums.fusetools.com/u/Bent)\
**Post date:** [August 26, 2016, 10:34pm UTC](https://forums.fusetools.com/t/fontsize-in-percentage/3598/3 "2016-08-26T22:34:53Z")

</div>

See this existing thread as well: [https://www.fusetools.com/community/forums/feature\_requests/font\_size\_as\_a\_percentage](https://www.fusetools.com/community/forums/feature_requests/font_size_as_a_percentage)

---

<div class="post-metadata">

**Author:** ![Freak](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/freak/32/541_2.png) [@Freak](https://forums.fusetools.com/u/Freak)\
**Post date:** [September 26, 2017, 4:54am UTC](https://forums.fusetools.com/t/fontsize-in-percentage/3598/4 "2017-09-26T04:54:02Z")

</div>

Mention “FontSize” as a percentage of the parent element.

```auto
<StackPanel ux:Name="parentWindow" >
    <Text Value="Hello" FontSize="width(parentWindow)*0.5"" Color="Black"/>
</StackPanel>

```