# Font size - Perspective

**URL:** <https://forum.inductiveautomation.com/t/font-size-perspective/51864>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 12, 2021, 3:36pm UTC](https://forum.inductiveautomation.com/t/font-size-perspective/51864 "2021-10-12T15:36:03Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![laurie.croteau](https://avatars.discourse-cdn.com/v4/letter/l/73ab20/32.png) [@laurie.croteau](https://forum.inductiveautomation.com/u/laurie.croteau)\
**Post date:** [October 12, 2021, 3:36pm UTC](https://forum.inductiveautomation.com/t/font-size-perspective/51864/1 "2021-10-12T15:36:03Z")

</div>

I’m trying to do dynamic font sizing but it doesn’t seem to change my font. I try this code line:

`<html>min(max(16px, 2vw), 8px)</html>`

I try to make the maximum size 16px and the minimum size 8px with this line.  
Live, my font move like this code line was not there.

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [October 12, 2021, 3:41pm UTC](https://forum.inductiveautomation.com/t/font-size-perspective/51864/2 "2021-10-12T15:41:27Z")

</div>

Where are you trying to return HTML in Perspective? The only place this _can_ work is within the Markdown component, if you’ve specifically allowed HTML.

What you probably want is to put your `min(max())` CSS expression into a style class, and then apply that style class to whatever components you choose.

---

<div class="post-metadata">

**Author:** ![laurie.croteau](https://avatars.discourse-cdn.com/v4/letter/l/73ab20/32.png) [@laurie.croteau](https://forum.inductiveautomation.com/u/laurie.croteau)\
**Post date:** [October 12, 2021, 6:31pm UTC](https://forum.inductiveautomation.com/t/font-size-perspective/51864/3 "2021-10-12T18:31:32Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/e/ee113891be2e114ba122373f73073097abace7d9.png)  
My unit are still not sizing.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/e/ee32e37ae18b53b6b4362921a08e9108761daa8a.png)  
Here is my new class as you proposed.

What do I need to change?

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [October 12, 2021, 8:29pm UTC](https://forum.inductiveautomation.com/t/font-size-perspective/51864/4 "2021-10-12T20:29:01Z")

</div>

What isn’t working? You can check browser devtools to confirm, but it appears to be returning 8px deliberately:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/f/8f033c3b0d8c913e90e5885112fd74100a9ffad0.png)

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [October 13, 2021, 6:32am UTC](https://forum.inductiveautomation.com/t/font-size-perspective/51864/5 "2021-10-13T06:32:38Z")

</div>

> [@laurie.croteau](#):
>
> min(max(16px, 2vw), 8px)

i think this css expression just doesnt make any sense. A max(16px) inside a min(8px) does not seem right xd  
As now with this expression it will always return 8px... How do you want to size it?  
min 8px and max 16px?  
should look like this:`min(max(8px, 2vw), 16px)`  
or you just use clamp: `clamp(8px,2vw,16px)`