SMP300 Series • Web-Based User Interface 76
Changing the Font and Text for the Input Switching On-screen Display
If optional fonts are uploaded to the SMP300 Series, you can select and use one for
displaying OSD text instead of the default font. Size and color can be selected for the OSD
text. Optional fonts must be uploaded to the fonts folder within the SMP from the File
Management page or by using an SFTP client program before selecting it in this page.
NOTES:
• The SMP supports TrueType™ (.ttf) and OpenType
®
(.otf) fonts.
• To upload a font file, use the file upload utility within the File Management page
(see File Management on page95).
• The user is responsible for obtaining necessary font licenses before uploading
fonts.
• After changing the font, some text may appear truncated in the OSDs because
characters may be wider in the selected font than in the system default font.
• The font selected here can be different from the font that is used for the metadata
overlay within a recording layout (see Configuring Metadata Elements (For
composite mode only) on page84).
TIP: Many free, open source fonts are available at https://fonts.google.com/.
To select a different font and change the size and color:
1. Open the Input/Output Settings page (see Input/Output Settings on page74).
2. Expand the OSD Configuration panel (see figure54).
Figure 54. OSD Configuration Panel
3. Navigate to the OSD section and select an available font from the Font drop-down list
(
1
). The selected font is immediately applied to both the input switching OSD and the
universal OSD.
4. To change the size, enter a number into the Size field or click the Up and Down arrows
(
2
) to adjust the value. The number is a percentage of the baseline font height, from
40to120%, with 100 being the default.
5. To change the font color, enter a six-character hexadecimal color value into the Color
field (
3
). The default color is #ffffff (white).
NOTE: Consult a hex color table, if needed. Each pair of characters represents the
three separate values that specify the levels of the component colors red, green,
and blue, respectively. For example, red is represented by #FF0000, which is
100% red, 0% green, 0% blue.
54