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

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

{ font-size: 75%; }

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%”.

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.


1 Like