Creating and Assigning Fonts

This how-to will guide you through creating Font assets that can be used with the UMG UI designer tools.

Windows
MacOS
Linux

In this guide, you'll learn how to create an empty Font asset to which you can then assign a Font Face asset or import a new TTF or OTF font file directly using the Font Editor.

CreatingFonts_Hero.png

Steps

Follow the steps below to create your own Font asset and then learn how to assign one of your Font Face assets using the Font Editor.

For this how-to guide, we are using the Blank Template project, using no Starter Content, with default Target Hardware and Project Settings.

Creating a Font Asset

  1. Click the Add New button inside the Content Browser, then under User Interface, select the Font option.

    Click image for full view.

  2. A new Composite Font asset will be created, prompting you to give it a Name.

    NameFont.png

  3. Once you enter a name, you will notice an asterisk appears on the asset, this indicates that the asset has not be saved. Click the Save All button to save your asset, then confirm the save in the pop-up menu that appears.

    SaveFont.png

Assign a Font Face Asset

  1. Now that you've created your empty Font asset, you will have to assign your Font Face(s) to be used. To do this, double-click to open your Font in the Font Editor.

    FontEditorWindow.png

  2. In the Font Editor, click on the Add Font button to add a new Font slot.

    CB_Fonts.png

  3. Now, use the dropdown selection under the Font Name to select an existing Font Face asset that was already imported into your project.

    AssignFontFace.png

    If you do not have any Font Face assets, you can use the Folder icon next to the dropdown selection box to navigate and import your own TrueType Font (TTF) or OpenType Font (OTF) font file.

End Result

Now that you've seen how to create your own Font assets and assign an already imported Font Face asset using the Font Editor, you should be able to create your own Font assets that can be used with the UMG UI Designer.

Welcome to the new Unreal Engine 4 Documentation site!

We're working on lots of new features including a feedback system so you can tell us how we are doing. It's not quite ready for use in the wild yet, so head over to the Documentation Feedback forum to tell us about this page or call out any issues you are encountering in the meantime.

We'll be sure to let you know when the new system is up and running.

Post Feedback