How to use a custom font type or size in an email signature

Problem:

You would like to use a font type or size that is not included on the font list of the signature editor.

Solution:

• How to use a font type that is not available on the editor’s ribbon
• How to use a font size that is not available on the editor’s ribbon

How to use a font type that is not available on the editor’s ribbon

If you need to use a font that is not included in the font list of the built-in template editor, but it is available (installed) on your system, you can do it by defining the font directly in the HTML source code of the signature. Check the steps below to learn how to do this.

1. Open (edit) your signature in your CodeTwo program. The template editor will open.
2. Switch to the HTML source code view:
   • In CodeTwo Email Signatures 365, you can access the source code view by clicking the HTML source button on the ribbon (Fig. 1.).
   • In CodeTwo Email Signatures On-prem and older CodeTwo’s signature management tools for on-premises Exchange, click the Source button (Fig. 2.).

Fig. 1. Opening the signature’s source code view in CodeTwo Email Signatures 365. 

Fig. 2. Opening the signature’s source code view in CodeTwo Email Signatures On-prem. 

3. Find an element whose font type you would like to change and find the font-family property for this element. Enter the name of your custom font right after this property, e.g.

   <p style="margin: 0.1pt; font-family: Custom font name, Arial; font-size: 14pt; line-height: 1; color: rgb(96, 61, 123);">

   as shown in Fig. 3. 

   Tip

   It is also a good idea to define one or more fallback fonts, separated by commas, as described in this article.

Fig. 3. Defining a custom font and a fallback font in the signature’s source HTML code.

4. Repeat step 3 for other elements whose font you want to change.
5. Save your changes by clicking Apply & Close.

How to use a font size that is not available on the editor’s ribbon

You can manually specify the font size in two ways:

• Use the font size drop-down menu option on the editor’s ribbon
• Use the HTML source code view window to manually edit your code

Specifying the desired font size using the font size option available on the editor’s ribbon

1. Open the template editor in your program.
2. Once in the editor, highlight/select the text whose font size you want to modify (Fig. 4., item 1).
3. Next, click the font size drop-down menu on the ribbon, type a desired font size (e.g. 8.5) directly in the option’s field, and press Enter (Fig. 4., item 2).

Fig. 4. Manually changing font size with the option available on the ribbon.

4. The font size will be changed right away.

Specifying the desired font size in the HTML source code view window

1. Open your signature in the HTML source code view window in the editor (see steps 1-2 in the first section of this article).

2. Find an element whose font size you would like to change and locate the font-size property for this element (Fig. 5.). Manually change the font size value for this property, e.g. from 9pt to 8.5pt:

   <TD style="FONT-SIZE: 8.5pt; FONT-FAMILY: Arial; WIDTH: 400px; PADDING-BOTTOM: 10px" vAlign=bottom>

Fig. 5. Finding the font-size property of a specific signature element.

3. Save your changes by clicking Apply & Close.

See also:

How to solve font-related problems in email signatures