How to Use Custom Fonts in Displayr

This article describes how you can use custom fonts in Displayr. This feature provides the ability to use fonts not included in Displayr’s default font list.

For example, I can replace the default fonts in crosstab on this page:

...with my own custom fonts:

Requirements

• A Displayr Document
• A .ttf file with a custom font

Method

Upload the font to the company's cloud drive

To make a custom font available, you need to upload a .ttf file into the company’s cloud drive:

1. In your document, click on your Profile icon > Displayr cloud drive. 
   
   
2. Click the Upload button and select the files you wish to upload.
3. Click Upload.
4. In this example, we have uploaded the file Starjedi.ttf that we want to use in our document.
5. Reload the dashboard page to make the fonts available. The custom font should be available right away. If not, wait a few minutes and simply refresh the Displayr page you are on - Ctrl-R.

Using the custom font

1. Select an output like a table or text box and go to Properties > APPEARANCE > Font in the object inspector and select the Font name that you want to use from the list of pre-defined fonts in the drop-down.

In this example we will select the Star Jedi font:

The results are as follows:

Using custom fonts in visualizations and Autofit tables

To use in visualizations and Autofit tables,

• For visualizations and Autofit tables, the font name won't appear in the drop-down automatically and needs to be typed in manually. If it is mistyped, a default font will be used.

For example, if I want to replace the current font in this visualization with my Star Jedi font:

I would do the following:

1. Select the visualization.
2. In the object inspector on the right, go to Chart > Font.
3. In the Global font family dropdown, select the name of the custom font, which in this case is Star Jedi.
   
4. Click Calculate if Automatic is not ticked.

The results are as follows:

Setting default fonts in Page Master

To change the default font to a custom font, it needs to be selected in the Page Master.

1. Click on the Page Master button in the toolbar, top right of the screen as shown below.

1. In the Master page tree on the left, select Title Only.
2. In the object inspector, go to Properties > Appearance and choose your custom font from the Font menu.
3. Repeat Step 2 for any other page default styles in the Master tree.

Once you have made all the desired changes, to return to Normal view, click the button to the left of the highlighted button below.

Exporting to other formats

Go to Publish > Export Pages to export output containing custom fonts to Excel, PowerPoint, or PDF.

• Excel exports do not use fonts, so they are unaffected.
• PDF exports will export with the custom fonts embedded into the file. Note: if the custom font does not have Italic/Bold definitions built in, they will not be exported with those styles, even though they are visible on the webpage that way. 
• PowerPoint exports do not embed the fonts in the file, so they will need to be independently downloaded and installed if not already present. When exporting to PowerPoint using a custom font, the viewer will be prompted to download the .ttf file from Displayr to use on their computer. The font will need to be installed before it can be used. If the font is not installed on the viewer’s computer, a fallback font determined by PowerPoint will be used instead. 

Next

How to Set Default Fonts in the Page Master

How to Customize Fonts in a CreateCustomTable R Table

How to Change Font Color Based on Data Using R