# Change font for all elements (Event Calendar)

**URL:** <https://community.elfsight.com/t/change-font-for-all-elements-event-calendar/23016>\
**Category:** Event Calendar\
**Created:** [October 20, 2023, 9:09am UTC](https://community.elfsight.com/t/change-font-for-all-elements-event-calendar/23016 "2023-10-20T09:09:59Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Helga](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/helga/32/1155_2.png) [@Helga](https://community.elfsight.com/u/Helga)\
**Post date:** [October 20, 2023, 9:09am UTC](https://community.elfsight.com/t/change-font-for-all-elements-event-calendar/23016/1 "2023-10-20T09:09:59Z")

</div>

Add the code below to Custom CSS field on your [Event Calendar](https://elfsight.com/event-calendar-widget/) widget’s Style tab:

```auto
.eapp-events-calendar-events-calendar-component{
font-family: Calibri;
}

```

You’re welcome to set any other font, providing it is supported by your browser and added to your website.