# Custom Typeface

**URL:** <https://community.elfsight.com/t/custom-typeface/143330>\
**Category:** General Questions\
**Tags:** audio-player\
**Created:** [January 21, 2026, 8:38pm UTC](https://community.elfsight.com/t/custom-typeface/143330 "2026-01-21T20:38:45Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Laurin\_Wagner](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/laurin_wagner/32/40398_2.png) [@Laurin\_Wagner](https://community.elfsight.com/u/Laurin_Wagner)\
**Post date:** [January 21, 2026, 8:38pm UTC](https://community.elfsight.com/t/custom-typeface/143330/1 "2026-01-21T20:38:45Z")

</div>

Would be great to have a Custom Typeface option! 🙂

---

<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:** [January 22, 2026, 10:29am UTC](https://community.elfsight.com/t/custom-typeface/143330/3 "2026-01-22T10:29:41Z")

</div>

Hi there, @Laurin_Wagner and welcome to the Community 👋

You can set any custom font using the code below in the `Custom CSS` field on the `Settings` tab of your widget’s settings:

```auto
[class^='AudioPlayer__Component'] {
  font-family: Times !important;
}

```

  

Give it a try and let me know if it worked 🙂

---

<div class="post-metadata">

**Author:** ![Laurin\_Wagner](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/laurin_wagner/32/40398_2.png) [@Laurin\_Wagner](https://community.elfsight.com/u/Laurin_Wagner)\
**Post date:** [January 22, 2026, 5:12pm UTC](https://community.elfsight.com/t/custom-typeface/143330/4 "2026-01-22T17:12:13Z")

</div>

Hey Max thanks for the fast response. 🙂  
It there a way to upload the custom font or how should this work?

Best

---

<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:** [January 23, 2026, 10:10am UTC](https://community.elfsight.com/t/custom-typeface/143330/5 "2026-01-23T10:10:37Z")

</div>

To make the code above work on your website, you just need to replace Times with the name of the font you’d like to use:

![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/f/f/ff9cb35abc53b1cbdb144543831fa9267643ebfa.png)

Keep in mind, that this font should also be installed on your website 🙂