# Different fonts for inline words in markdown

**URL:** <https://discuss.elastic.co/t/different-fonts-for-inline-words-in-markdown/189042>\
**Category:** Kibana\
**Tags:** canvas\
**Created:** [July 5, 2019, 8:41am UTC](https://discuss.elastic.co/t/different-fonts-for-inline-words-in-markdown/189042 "2019-07-05T08:41:42Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vartika\_Srivastava](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/vartika_srivastava/32/46305_2.png) [@Vartika\_Srivastava](https://discuss.elastic.co/u/Vartika_Srivastava)\
**Post date:** [July 5, 2019, 8:41am UTC](https://discuss.elastic.co/t/different-fonts-for-inline-words-in-markdown/189042/1 "2019-07-05T08:41:42Z")

</div>

Hi,how can we give different font to inline words in markdown?  
eg.  
 ![image](https://us1.discourse-cdn.com/elastic/original/3X/7/7/77a7818d12ce3f48cde4836627bd0b09b84a97c5.png)

---

<div class="post-metadata">

**Author:** ![lukeelmers](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/lukeelmers/32/35230_2.png) [@lukeelmers](https://discuss.elastic.co/u/lukeelmers)\
**Post date:** [July 5, 2019, 7:22pm UTC](https://discuss.elastic.co/t/different-fonts-for-inline-words-in-markdown/189042/2 "2019-07-05T19:22:44Z")

</div>

I don't think this is possible in the standard markdown widget in Visualize, but you can do it with the Markdown element in [Canvas](https://www.elastic.co/guide/en/kibana/current/canvas-getting-started.html).

You'd need to manually edit the expression by clicking `Expression editor` and updating the [markdown](https://www.elastic.co/guide/en/kibana/current/canvas-common-functions.html#_markdown_3) function so it takes a font argument with a nested subexpression using the [font function](https://www.elastic.co/guide/en/kibana/current/canvas-common-functions.html#_font):

```auto
filters
| demodata
| markdown "### Hello world!" font={font family="..."}
| render

```

---

<div class="post-metadata">

**Author:** ![Vartika\_Srivastava](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/vartika_srivastava/32/46305_2.png) [@Vartika\_Srivastava](https://discuss.elastic.co/u/Vartika_Srivastava)\
**Post date:** [July 5, 2019, 8:39pm UTC](https://discuss.elastic.co/t/different-fonts-for-inline-words-in-markdown/189042/3 "2019-07-05T20:39:13Z")

</div>

How to write "95" to font-size "50" and "%" to font-size "25" ?

---

<div class="post-metadata">

**Author:** ![lukeelmers](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/lukeelmers/32/35230_2.png) [@lukeelmers](https://discuss.elastic.co/u/lukeelmers)\
**Post date:** [July 9, 2019, 10:11pm UTC](https://discuss.elastic.co/t/different-fonts-for-inline-words-in-markdown/189042/4 "2019-07-09T22:11:11Z")

</div>

I don't think you can do that within a single markdown element; but you could create a second markdown element with the correct font size, and group them together using the `G` keyboard shortcut

---

<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:** [August 6, 2019, 10:11pm UTC](https://discuss.elastic.co/t/different-fonts-for-inline-words-in-markdown/189042/5 "2019-08-06T22:11:14Z")

</div>

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