Appearance / Fonts

Breadcrumb path: Appearance / Fonts

You can access this page by clicking on Appearance from your main menu and then clicking Fonts from the dropdown menu.

Appearance - Fonts Fundamental

In this section, you will learn to use the Appearance - Fonts module. The Fonts module enables you to customize the appearance of text on your website.

The user manual for Appearance - Fonts module will be organized into the following sections.

• ● 1 Main Screen.

• ● 2 Add/Edit Font.

Now that you have learned the fundamentals, this guide will walk you through the Appearance - Fonts module.

(1) Appearance - Fonts (Main Screen)

This is your main screen for Appearance - Fonts. This screen allows you to Add New Fonts and manage preexisting Fonts which includes Edit and Delete functions. You will also find Font information displayed here.

• ● 1 Add New Font. Click this button to open a new window containing fields prompting you to enter a Font Name and Font Type. Either Close the window to return or complete the below fields and click Add New Font.

• Font Name *. In this field, enter a new Font Name.

• Type [Link | File] *. In this dropdown, select between two options for Font Type.

• Link. Adding this Font Type connects to the Build CMS using an external web Link.

• File. Adding this Font Type connects to the Build CMS using a File.

• ● 2 Search. This field allows you to search for Fonts from all those currently in your database.

• ● 3 Columns. These columns display information and functions for Fonts.

• Font ID. This column displays the Font ID, which is a number assigned in the order that the Font was added.

• Name. This column displays the Name of the Font.

• Type [Link | File]. This column displays the Type of the Font.

• Actions. This column displays Action buttons for the Font.

• Edit. Click this button to open a new screen to Edit the Font.

• Delete. Click this button to Delete the Font.

Now that you have learned about the Appearance - Fonts - Main Screen, you can continue to the next section of the guide (Add/Edit Font).

(2) Appearance - Fonts (Add/Edit Font)

After you have followed the steps from the Main Screen to Add New Font, you will be automatically brought to this screen. You can also access this screen by clicking the Edit icon next to a given Font on the Main Screen.

• ● 1 General Information. In this field, you can enter General Information necessary to set up your Font.

• Name. In this field, you can Enter or Edit the Name of the Font.

• Type. In this dropdown, you can select whether the Font Type is Link or File.

• Link. In this field, you can enter the Link of the Font after selecting Type - Link.  

• Upload Font. Click this button after selecting Type - File to Upload your Font.

• Save. Click this button to Save the Font that you have added.

• ● 2 Example. In this field, enter Example Text that you would like to see displayed below. This provides a demonstration of how the Font will appear on your website.

• 3. In this area, you will find your Example Text displayed across different Weights and Typefaces.

• Weight. This refers to the Weight of how the font appears on the page. This includes Thin, Extra Light, Light, Normal, Medium, Semi Bold, Bold, Extra Bold, and Black. A Number for the Weight is also given, ranging from 100 as the lightest to 900 as the heaviest.

• Typeface. This refers to whether the font is Normal or Italic.

Now that you have learned how to Add New Font and Edit Font, that completes the Appearances - Fonts section of the user manual.