# Change title font

**URL:** <https://community.elfsight.com/t/change-title-font/23381>\
**Category:** Event Calendar\
**Created:** [October 24, 2023, 9:54am UTC](https://community.elfsight.com/t/change-title-font/23381 "2023-10-24T09:54:01Z")\
**Posts on this page:** 3\
**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 24, 2023, 9:54am UTC](https://community.elfsight.com/t/change-title-font/23381/1 "2023-10-24T09:54:01Z")

</div>

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

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

```

You may also set any other font, providing it is supported by your browser and added to your website.

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions 🙂

---

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [October 29, 2023, 10:14am UTC](https://community.elfsight.com/t/change-title-font/23381/2 "2023-10-29T10:14:52Z")

</div>

I think you should also mention the case where users want to use custom font.  
Perhaps we can suggest that they should declare @font-face in that case

```auto
@font-face {
font-family: Calibri;
src: url(upload Calibri font file to your site & paste font file url here);
}
.eapp-events-calendar-events-calendar-title { font-family: Calibri !important; }

```

---

<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 30, 2023, 12:27pm UTC](https://community.elfsight.com/t/change-title-font/23381/3 "2023-10-30T12:27:24Z")

</div>

That’s a great comment, Tuan, thanks a lot!

It’s true that @font-face could be a nice solution, but I’m afraid not all our widgets support it so far. So we’ll have to check the code prior to publishing it 🙂