# Change font of all elements

**URL:** <https://community.elfsight.com/t/change-font-of-all-elements/73889>\
**Category:** Instagram Feed\
**Created:** [October 4, 2024, 6:53pm UTC](https://community.elfsight.com/t/change-font-of-all-elements/73889 "2024-10-04T18:53:35Z")\
**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:** [October 4, 2024, 6:53pm UTC](https://community.elfsight.com/t/change-font-of-all-elements/73889/1 "2024-10-04T18:53:35Z")

</div>

Add this code to the Custom CSS field on the Style tab of your [Instagram Feed](https://elfsight.com/instagram-feed-instashow/) widget’s settings:

```auto
/* Widget Title */
.es-widget-title {
    font-family: Arial !important;
}
/* Header */
.eapps-instagram-feed-header-inner {
    font-family: Arial !important;
}
/* Post Text */
.es-post-text {
    font-family: Arial !important;
}
/* Popup */
.global-styles, .es-popup {
    font-family: Arial !important;
}
/* Load More Button */
.es-load-more-button {
    font-family: Arial !important;
}

```

You are very welcome to use any other font providing it’s installed on your website and supported by your browser 🙂

## **Important note**

* * *

This code can be applied to the old widget version onle (widgets created before **August 26** , 2026). The newer widget version offers a built-in font option:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/a/e/aec6fe881ea2d959fa9767e378dbe2d55f8a1c1b.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/c/3/c3a93aa04e87895d10f305bcd5f94aba02d680e2.png)