# Setting font size to relative i.e. 80% for a style object

**URL:** <https://forum.inductiveautomation.com/t/setting-font-size-to-relative-i-e-80-for-a-style-object/23355>\
**Category:** Ignition Early Access\
**Created:** [March 14, 2019, 7:31pm UTC](https://forum.inductiveautomation.com/t/setting-font-size-to-relative-i-e-80-for-a-style-object/23355 "2019-03-14T19:31:01Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![sudipta.tripathy](https://avatars.discourse-cdn.com/v4/letter/s/c57346/32.png) [@sudipta.tripathy](https://forum.inductiveautomation.com/u/sudipta.tripathy)\
**Post date:** [March 14, 2019, 7:31pm UTC](https://forum.inductiveautomation.com/t/setting-font-size-to-relative-i-e-80-for-a-style-object/23355/1 "2019-03-14T19:31:01Z")

</div>

I was wondering how I can set the font size to relative as shown below for a style object.

{ font-size: 75%; }

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [March 14, 2019, 8:41pm UTC](https://forum.inductiveautomation.com/t/setting-font-size-to-relative-i-e-80-for-a-style-object/23355/2 "2019-03-14T20:41:39Z")

</div>

![58%20PM](https://us1.discourse-cdn.com/inductiveautomation/original/2X/4/45f83aeff91af076af7aa45d4541773b0d4060b7.png)  
Just like adding properties anywhere else in Perspective, locate the “+” bar, then select “Value”. The new property will originally have a key of “key”, but you should change that to “font-size”. then change the default value from “value” to “75%”.

---

<div class="post-metadata">

**Author:** ![PerryAJ](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/perryaj/32/3281_2.png) [@PerryAJ](https://forum.inductiveautomation.com/u/PerryAJ)\
**Post date:** [March 15, 2019, 4:35pm UTC](https://forum.inductiveautomation.com/t/setting-font-size-to-relative-i-e-80-for-a-style-object/23355/3 "2019-03-15T16:35:51Z")

</div>

Cody’s answer is correct, just note that the property keys should be camel cased, not include the dash. These ‘keys’ should be valid react property (aka javascript) identifiers. Some dashes may work due to indeterminate/undefined behavior, but don’t rely on that in your project. `font-size` should be replace with `fontSize`. This is true of all css properties in the `style` block.

-Perry