# How change the Markdown font size

**URL:** <https://forum.inductiveautomation.com/t/how-change-the-markdown-font-size/34218>\
**Category:** Ignition\
**Created:** [April 25, 2020, 3:26pm UTC](https://forum.inductiveautomation.com/t/how-change-the-markdown-font-size/34218 "2020-04-25T15:26:35Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [April 25, 2020, 3:26pm UTC](https://forum.inductiveautomation.com/t/how-change-the-markdown-font-size/34218/1 "2020-04-25T15:26:35Z")

</div>

Hello  
I need some help on how to change the default font size of markdown component in perspective. The inline style doesn’t work and I’m scared to use html for the security reason so I wonder is there any trick so I can change the font size and family?

---

<div class="post-metadata">

**Author:** ![ray](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ray/32/11451_2.png) [@ray](https://forum.inductiveautomation.com/u/ray)\
**Post date:** [May 1, 2020, 4:56pm UTC](https://forum.inductiveautomation.com/t/how-change-the-markdown-font-size/34218/2 "2020-05-01T16:56:45Z")

</div>

This should be possible by simply adding a fontSize under the style object in props. This sets the font size of most elements. Heading text sizes base themselves off of this using flexible em values.

This demonstrates what I mean, setting 10px vs 16px font size:

 ![markdown-fontSize](https://us1.discourse-cdn.com/inductiveautomation/original/2X/7/78c40648bf986ddd6d8eef3e8c0094beb66e2223.png)

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [May 1, 2020, 5:21pm UTC](https://forum.inductiveautomation.com/t/how-change-the-markdown-font-size/34218/3 "2020-05-01T17:21:36Z")

</div>

> [@ray](#):
>
> themselves

I did the same thing but now work at all.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/2/27c47aabdd35e2df767b0ac279dc538b719d3dab.png)

---

<div class="post-metadata">

**Author:** ![ray](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ray/32/11451_2.png) [@ray](https://forum.inductiveautomation.com/u/ray)\
**Post date:** [May 1, 2020, 6:17pm UTC](https://forum.inductiveautomation.com/t/how-change-the-markdown-font-size/34218/4 "2020-05-01T18:17:56Z")

</div>

I believe this was introduced recently in the 8.0.13 builds as a part of the large theming CSS refactor. What version of Ignition are you using?

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [May 1, 2020, 7:41pm UTC](https://forum.inductiveautomation.com/t/how-change-the-markdown-font-size/34218/5 "2020-05-01T19:41:06Z")

</div>

Hi Ray  
Yes you are correct I’m not using 8.0.13.  
Thanks it is solved.
