# Change font for datetimepicker and dropdown

**URL:** <https://forum.inductiveautomation.com/t/change-font-for-datetimepicker-and-dropdown/35092>\
**Category:** Ignition\
**Created:** [May 27, 2020, 5:48pm UTC](https://forum.inductiveautomation.com/t/change-font-for-datetimepicker-and-dropdown/35092 "2020-05-27T17:48:25Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![NII](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nii/32/12920_2.png) [@NII](https://forum.inductiveautomation.com/u/NII)\
**Post date:** [May 27, 2020, 5:48pm UTC](https://forum.inductiveautomation.com/t/change-font-for-datetimepicker-and-dropdown/35092/1 "2020-05-27T17:48:25Z")

</div>

How do I change the font for these components?

Thanks

---

<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:** [May 27, 2020, 6:30pm UTC](https://forum.inductiveautomation.com/t/change-font-for-datetimepicker-and-dropdown/35092/2 "2020-05-27T18:30:31Z")

</div>

It depends on what version youre using, as before 8.0.13 there were many probelms with setting the font of the Dropdown, and the DateTime Picker didn’t allow it at all if I recall correctly.

As of 8.0.13 (still in RC), you can set `Dropdown.style.fontFamily` to the font you’d like:

 ![Screen Shot 2020-05-27 at 11.28.08 AM](https://us1.discourse-cdn.com/inductiveautomation/original/2X/6/60cd7f0c5b0b64d571e4b1395f578d3736d59e23.png)

The DateTime Picker currently has a bug which prevents modifying the text in the Dropdowns, although the text of the calendar itself may be modified with the same property setting as the Dropdown.

 ![Screen Shot 2020-05-27 at 11.29.27 AM](https://us1.discourse-cdn.com/inductiveautomation/original/2X/a/a85a1dd4c8f4498eeaefaf6dcb614ec6f92e1b40.png)