# How do i add my font style in kibana code

**URL:** <https://discuss.elastic.co/t/how-do-i-add-my-font-style-in-kibana-code/82138>\
**Category:** Kibana\
**Created:** [April 12, 2017, 10:31am UTC](https://discuss.elastic.co/t/how-do-i-add-my-font-style-in-kibana-code/82138 "2017-04-12T10:31:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ranjansaga](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ranjansaga/32/23325_2.png) [@ranjansaga](https://discuss.elastic.co/u/ranjansaga)\
**Post date:** [April 12, 2017, 10:31am UTC](https://discuss.elastic.co/t/how-do-i-add-my-font-style-in-kibana-code/82138/1 "2017-04-12T10:31:32Z")

</div>

I want to use a different font style for my kibana code.

1. Usually we download the font and keep it in a particular location in the code repo
2. Using @font-face we define the path to the font.
3. Use the name defined to @font-face to use the font.

But this approach did not work for me. Can any one please let me know how do i do this in kibana?

---

<div class="post-metadata">

**Author:** ![Kikketer](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/kikketer/32/13813_2.png) [@Kikketer](https://discuss.elastic.co/u/Kikketer)\
**Post date:** [April 12, 2017, 1:33pm UTC](https://discuss.elastic.co/t/how-do-i-add-my-font-style-in-kibana-code/82138/2 "2017-04-12T13:33:21Z")

</div>

What approach? Did you place the font file and steps 1 - 3 within the Kibana source code itself? Then did you alter any other code within Kibana, such as what Kibana is using for standard fonts?

I'm in the plugin development mindset, so I just wonder what you did or what you plan on doing with this font change.

---

<div class="post-metadata">

**Author:** ![ranjansaga](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ranjansaga/32/23325_2.png) [@ranjansaga](https://discuss.elastic.co/u/ranjansaga)\
**Post date:** [April 13, 2017, 7:44am UTC](https://discuss.elastic.co/t/how-do-i-add-my-font-style-in-kibana-code/82138/3 "2017-04-13T07:44:22Z")

</div>

@Kikketer Thanks for the reply. Yes i placed the font file in kibana source code and followed steps 1 - 3 within kibana source code itself and altered the code within kibana to use my fonts. It worked.  
I am not planning to develop any plugins. I wanted my dashboards to use this custom font. That is the reason i did this.  
I wanted to know if this is the right way to add a custom font in kibana. Or is there any better approach ?

Thanks.

---

<div class="post-metadata">

**Author:** ![Kikketer](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/kikketer/32/13813_2.png) [@Kikketer](https://discuss.elastic.co/u/Kikketer)\
**Post date:** [April 13, 2017, 2:01pm UTC](https://discuss.elastic.co/t/how-do-i-add-my-font-style-in-kibana-code/82138/4 "2017-04-13T14:01:14Z")

</div>

That would be the angle I would use since you are changing the font of a built in component. You will just have to now merge updates as they move in, not a big deal 🙂

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [May 11, 2017, 2:04pm UTC](https://discuss.elastic.co/t/how-do-i-add-my-font-style-in-kibana-code/82138/5 "2017-05-11T14:04:52Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.