Configure custom fonts

You can configure Web Client to a custom font. In this example, we will use Roboto Regular and Roboto Medium.

1. Copy the font files to the following locations:

   C:\Program Files (x86)\Wonderware\InTouchWeb\Server\wwwroot\assets\fonts

   C:\Program Files (x86)\Wonderware\InTouch\ViewAppFramework\Content\MA\Web\MA\sma\apis\layout\assets\fonts

   

   Note: Create the 'assets' and 'fonts' folders if they are not available.

2. Navigate to C:\Program Files (x86)\Wonderware\InTouchWeb\Server\wwwroot and edit index.html.

3. Include the following lines of code under the existing <style> tag.

   

   The font-family should match the font family selected in the Industrial Graphic Editor.

   

4. Navigate to C:\Program Files (x86)\Wonderware\InTouch\ViewAppFramework\Content\MA\Web\MA\sma\apis\layout and edit index.html.

5. Add the following lines of code under the <style> tag within the <head> tag.