# Setting FontSize of Text with TextWrapping="Wrap"

**URL:** <https://forums.fusetools.com/t/setting-fontsize-of-text-with-textwrapping-wrap/5784>\
**Category:** Bug Reports\
**Created:** [February 3, 2016, 8:48am UTC](https://forums.fusetools.com/t/setting-fontsize-of-text-with-textwrapping-wrap/5784 "2016-02-03T08:48:19Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mao](https://avatars.discourse-cdn.com/v4/letter/m/eb9ed0/32.png) [@Mao](https://forums.fusetools.com/u/Mao)\
**Post date:** [February 3, 2016, 8:48am UTC](https://forums.fusetools.com/t/setting-fontsize-of-text-with-textwrapping-wrap/5784/1 "2016-02-03T08:48:19Z")

</div>

Hi. I made a mini project with coding below. For text01 with Wrap, I can’t change it’s fontsize. But for text02 without Wrap, I can. Is there something wrong? Thanks.

```auto
   <App Theme="Basic">
    <JavaScript>
    var Observable = require ('FuseJS/Observable');

    var text01 = "Text 01";
    var text02 = "Text 02";

    var Display_text01 = Observable(text01);
    var Display_text02 = Observable(text02);

    module.exports =
    {
        Display_text01:Display_text01,
        Display_text02:Display_text02
    }
    </JavaScript>

    <StackPanel Width="100%" Padding="15,5,15,15">
            <StackPanel Alignment="Center" Orientation="Horizontal">
                <Style>
                    <Text Margin="5"/>
                </Style>
                <Text ux:Name="small_size" Value="A" FontSize="20">
                    <Clicked>
                        <Set content1.FontSize="20"/>
                        <Set content2.FontSize="20"/>
                        <Set small_size.TextColor="#AC3124"/>
                        <Set middle_size.TextColor="#444444"/>
                        <Set large_size.TextColor="#444444"/>
                    </Clicked>
                </Text>

                <Text ux:Name="middle_size" Value="A" FontSize="30" TextColor="#AC3124">
                    <Clicked>
                        <Set content1.FontSize="30"/>
                        <Set content2.FontSize="30"/>
                        <Set small_size.TextColor="#444444"/>
                        <Set middle_size.TextColor="#AC3124"/>
                        <Set large_size.TextColor="#444444"/>
                    </Clicked>
                </Text>

                <Text ux:Name="large_size" Value="A" FontSize="40">
                    <Clicked>
                        <Set content1.FontSize="40"/>
                        <Set content2.FontSize="40"/>
                        <Set small_size.TextColor="#444444"/>
                        <Set middle_size.TextColor="#444444"/>
                        <Set large_size.TextColor="#AC3124"/>
                    </Clicked>
                </Text>
            </StackPanel>

        <Text ux:Name="content1" Value="{Display_text01}" FontSize="20" TextWrapping="Wrap"/>

        <Text Padding="0,50,0,0" ux:Name="content2" Value="{Display_text02}" FontSize="20" />

    </StackPanel>
</App>

```

---

<div class="post-metadata">

**Author:** ![Vegard\_Strand\_Lende](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/vegard_strand_lende/32/349_2.png) [@Vegard\_Strand\_Lende](https://forums.fusetools.com/u/Vegard_Strand_Lende)\
**Post date:** [February 15, 2016, 2:57pm UTC](https://forums.fusetools.com/t/setting-fontsize-of-text-with-textwrapping-wrap/5784/2 "2016-02-15T14:57:32Z")

</div>

Hi!

Thanks for your report 🙂

What platform are you experiencing this behavior on? I have tested on .Net and Android and it looks fine there

---

<div class="post-metadata">

**Author:** ![Mao](https://avatars.discourse-cdn.com/v4/letter/m/eb9ed0/32.png) [@Mao](https://forums.fusetools.com/u/Mao)\
**Post date:** [February 16, 2016, 8:14am UTC](https://forums.fusetools.com/t/setting-fontsize-of-text-with-textwrapping-wrap/5784/3 "2016-02-16T08:14:31Z")

</div>

HI!

Thank you for reply.

I am using local preview in my Mac. The test01 remained unchange…

I haven’t tested it on mobile yet. I will try it later.