# Set custom font for all elements

**URL:** <https://community.elfsight.com/t/set-custom-font-for-all-elements/57419>\
**Category:** Chats\
**Created:** [June 18, 2024, 8:51am UTC](https://community.elfsight.com/t/set-custom-font-for-all-elements/57419 "2024-06-18T08:51:47Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [June 18, 2024, 8:51am UTC](https://community.elfsight.com/t/set-custom-font-for-all-elements/57419/1 "2024-06-18T08:51:47Z")

</div>

Although we do provide a list of fonts for you to choose for your widget, you might happen to need a custom code.

If that is the case, add this code to the Custom CSS field on the Appearance tab of your [Chat](https://elfsight.com/widgets/?category=chats) widget’s settings:

```auto
[class*='Main__Container-sc'] {
font-family: Calibri !important; }

```

  

You’re welcome to 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 🙂