Fonts and SVG Images in RoboHelp



What's covered?

How to set up Font Awesome, SVG images, Google Fonts and @font-face in RoboHelp.


The use of SVG images was added in RoboHelp 2019 New UI and this prompted me to look at how to set them up. That lead into extending that to using Font Awesome, Google Fonts and @font-face.

I have created a RoboHelp 2019 project and the output can be viewed by anyone, you don't need RoboHelp 2019 to view that. You will see how they work and how to set them up. Online Font Awesome, Google Fonts and @font-face will work in earlier versions of RoboHelp. To use Font Awesome offline, you are essentially using SVGs and they are only supported in RoboHelp 2019 New UI and above.

Demo and Downloads

Click here to view the output online.

Click here to download the RoboHelp 2019 project so that you can examine the setup. You can upgrade it to later versions.


If you find the information and tutorials on my site save you time figuring it out for yourself and help improve what you produce, please consider making a small donation.

Topic Revisions


Changes to this page

16 Jun 2019

@font-face added. Link to downloading output removed.

26 May 2019

New topic.