# Set custom font for all widget elements

**URL:** <https://community.elfsight.com/t/set-custom-font-for-all-widget-elements/25058>\
**Category:** Number Counter\
**Created:** [November 9, 2023, 12:26pm UTC](https://community.elfsight.com/t/set-custom-font-for-all-widget-elements/25058 "2023-11-09T12:26:01Z")\
**Posts on this page:** 2\
**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:** [November 9, 2023, 12:26pm UTC](https://community.elfsight.com/t/set-custom-font-for-all-widget-elements/25058/1 "2023-11-09T12:26:01Z")

</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 the code below to Custom CSS field on your [Number Counter](https://elfsight.com/number-counter-widget/) widget’s Style tab:

```auto
[class*="Counter__CounterComponent-sc"] {
  font-family: Merriweather;
}

```

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

---

<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:** [March 3, 2025, 5:19pm UTC](https://community.elfsight.com/t/set-custom-font-for-all-widget-elements/25058/2 "2025-03-03T17:19:48Z")

</div>

A post was split to a new topic: [Font customization in Number Counter widget](https://community.elfsight.com/t/font-customization-in-number-counter-widget/104745)