HOW TO

Use custom fonts in Portal for ArcGIS and ArcGIS Online Map Viewer pop-ups

Last Published: March 3, 2023

Summary

In Portal for ArcGIS and ArcGIS Online Map Viewer, texts can be added to display information in pop-ups. In Map Viewer, the built-in font options for text formatting are Default, Arial, Courier New, Tahoma, Times New Roman, and Verdana.

The font options in the text editor in Map Viewer.

In addition to the six font options, HTML formatting can be used to add custom fonts in the pop-ups. The workflow to use custom fonts in Portal for ArcGIS and ArcGIS Online Map Viewer pop-ups is demonstrated in this article.

Procedure

  1. Log in to Portal for ArcGIS or ArcGIS Online, and open the web map in Map Viewer.
  2. In Map Viewer, on the Settings (light) toolbar, click Configure pop-ups The Configure Pop-ups button. in Portal for ArcGIS, or Pop-ups in ArcGIS Online.
  3. In the Pop-ups pane, click Add content, and select Text.
  4. In the text editor, type a plain text or type { and select a field or expression from the data. In this example, {NAME_EN} is selected to display the NAME_EN attribute of the selected feature.
  5. Click Source The Source button in the text editor..
The text editor in Map Viewer to be configured.
  1. Configure the HTML codes.
Note:
The following steps may not be applicable to all custom fonts.
  1. Before the <span> tag, type the following code. Replace <font_name> with the custom font name. In this example, the font name is Broadway.
<span style="font-family: <font_name>;">
  1. After the existing </span> tag, type </span>.
The HTML source code customized to display a custom font type.
  1. Click Source. The text is displayed in the custom font in the text editor.
  2. Click OK to close the text editor.
  3. On the Contents (dark) toolbar, click Save and open, and click Save to save the modifications.

The text in the pop-up is displayed in the custom font.

The pop-up in Map Viewer with the custom font type.

Article ID: 000029579

Software:
  • ArcGIS Online
  • Portal for ArcGIS

Receive notifications and find solutions for new or common issues

Get summarized answers and video solutions from our new AI chatbot.

Download the Esri Support App

Related Information

Discover more on this topic

Get help from ArcGIS experts

Contact technical support

Download the Esri Support App

Go to download options