# Font

“Font” section of the toolbar contains the following buttons:

![](https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-MC7-VGJCrzoMzjjY_v5%2F-MC70OddROwHMNqnNW8c%2FFontTools.png?alt=media\&token=8b6e3d60-1df7-427b-aad9-43da6ba11873)

* <img src="https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbSRkT4XYr93k9UHgXq%2F-LbSS3FeXE6fD3dwYS98%2Fimage.png?alt=media&#x26;token=fdc08d54-786b-47f0-8b80-ce8ddbac737f" alt="" data-size="original"> - make text bold
* <img src="https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbSRkT4XYr93k9UHgXq%2F-LbSSBDANdAoLXtCX6bZ%2Fimage.png?alt=media&#x26;token=802a1972-0993-4d82-a8b8-60ba31f663be" alt="" data-size="original"> - make text italic
* <img src="https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbSRkT4XYr93k9UHgXq%2F-LbSSId9tlryzu0FYkLc%2Fimage.png?alt=media&#x26;token=98074764-2900-4758-9ab5-1cf1cd516656" alt="" data-size="original"> - make text underlined
* <img src="https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbSRkT4XYr93k9UHgXq%2F-LbSSWzXsRzloFxgtEtz%2Fimage.png?alt=media&#x26;token=1c3cbfd5-9290-48ff-940f-6d5e100b0adb" alt="" data-size="original"> - select font size

![](https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbSjwujkGioL5ma-g65%2F-LbSk4u8DmG9OEMs5zKn%2FFontSize.png?alt=media\&token=87d91dc2-d22e-4da5-ac10-baf84515be5f)

It allows you to select or enter the text size. There are several ways to specify the font size, including keywords or numerical values for pixels or ems.

{% hint style="info" %}

See <https://developer.mozilla.org/en-US/docs/Web/CSS/font-size> for more details
{% endhint %}

* <img src="https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbSRkT4XYr93k9UHgXq%2F-LbSSbQaXyVB0C_VE_HU%2Fimage.png?alt=media&#x26;token=3c901899-1351-4010-b3a7-a1d9e171bfa0" alt="" data-size="original"> - make text multiline
* <img src="https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbSRkT4XYr93k9UHgXq%2F-LbSSiDh7WlroMnwep7G%2Fimage.png?alt=media&#x26;token=e0d24482-2391-4796-9ac9-817599752833" alt="" data-size="original"> - make text responsive and, thus, the text will always fit the cell size (this option should always be used for responsive visualization templates)

{% hint style="info" %}
If you make the text responsive and specify the font size at same time, it will be responsive but not more than the specified size.
{% endhint %}

* <img src="https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-MC70XVzWXWFLxYZk6oE%2F-MC71VrTB5Mox2UOWW3p%2FFontTag.png?alt=media&#x26;token=a0c3e717-25b1-4fe4-b5d7-7424544f7d1c" alt="" data-size="original"> - allows to set a font tag which defines global font size context. It will apply the same font size using same font in the PowerKPI objects if they have same size on a sheet as well as  the same cells size in the visualization templates. This button will be shown if the responsive option is set by using the <img src="https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbSRkT4XYr93k9UHgXq%2F-LbSSiDh7WlroMnwep7G%2Fimage.png?alt=media&#x26;token=e0d24482-2391-4796-9ac9-817599752833" alt="" data-size="original">toolbar button.

![](https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-MBiJUOWgUiVPjbcJrSd%2F-MBiOoS800G7a1rIaKjW%2FFontTags.gif?alt=media\&token=8bfa10f0-7bcf-462a-9ded-75c0add382ec)

![Same font size when font tags have been applied on the Margin YTD and Orders YTD KPIs](https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-MBiT7Jd_Q-Dm6eu4STV%2F-MBiVAInDB4m-4tIX3mO%2FSameFontSize.png?alt=media\&token=1df993eb-c0fe-4502-ab0b-a73d3f2322e2)

![Different font size without font tags](https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-MBiT7Jd_Q-Dm6eu4STV%2F-MBiTsLSLvThj0cvdHQe%2FDifferentFontSize.png?alt=media\&token=9e306e4f-dccf-413b-8185-f6f5711e2aca)

* <img src="https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbSRkT4XYr93k9UHgXq%2F-LbSSoJNCRnsiEFZsEK2%2Fimage.png?alt=media&#x26;token=1b3efeaf-89df-489f-921c-d0e75592dcda" alt="" data-size="original"> - clear applied font styles
* <img src="https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbSRkT4XYr93k9UHgXq%2F-LbSSu1zBlG3IDWwj0EN%2Fimage.png?alt=media&#x26;token=90abefe9-34f0-49d3-bd07-a9377ac0d31b" alt="" data-size="original"> - set font color
* <img src="https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbSRkT4XYr93k9UHgXq%2F-LbST-4gor2SaIQwmmue%2Fimage.png?alt=media&#x26;token=92aad22d-590f-4544-b12b-959bedbb60cf" alt="" data-size="original"> - select and apply font on the selected cell/cells

![](https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbSjwujkGioL5ma-g65%2F-LbSkWhiIRO3c68SCINI%2FFonts.png?alt=media\&token=d7985ffb-b1d6-4376-b375-d9c30e3a36e8)

Fonts with special icon <img src="https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbSjwujkGioL5ma-g65%2F-LbSkjbgxouoqXFylnKz%2Fimage.png?alt=media&#x26;token=86aa0c4d-1b70-4e29-9775-8e1ee1a8e467" alt="" data-size="original"> to the right from the font name specify that the font comes as an external font included with PowerKPI component, and thus, it will be loaded and used automatically.

Fonts without <img src="https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbSjwujkGioL5ma-g65%2F-LbSkjbgxouoqXFylnKz%2Fimage.png?alt=media&#x26;token=86aa0c4d-1b70-4e29-9775-8e1ee1a8e467" alt="" data-size="original"> icon should be available (installed) on the user computer. If the specified font isn’t available on the client side, the default web browser font will be used instead.

![](https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbSjwujkGioL5ma-g65%2F-LbSmbQYsVvJh7vOaxYU%2F2019-04-02_14-22-27.gif?alt=media\&token=9cc87bb0-d80c-44f3-832b-bf7f08426114)
