Font displaying incorrectly in Web Help

[ingrid hughes]

Due to a company rebranding, we are now using Stolzl Book font for headings. When I compile to pdf, it works fine, but when I compile to Web Help, the headings are rendered in Times New Roman. Is there any way to fix this?

The headings also display correctly when compiled to chm.

[Tim Green]

Hi Ingrid,

This is normal. By default, web browsers only have access to a small number of "web safe" fonts and also, a custom font like the one you describe will almost never be installed on the computer of your users. Actually, the same will apply to PDF files unless you embed the font in the PDF -- my guess is that all your staff have the Stolzl font installed, but it will be different for your customers, who won't, and they will see a different alternative font selected automatically unless you have embedded the font in the PDF. You can do this with the settings in Configuration > Publishing > PDF > Font Embedding. However, note that you must either be using a public domain font or have a license for distributing the font by embedding to use it in PDF like that.

For HTML they need to be available and integrated as web fonts, which is complicated and will be blocked by many users, particularly those using ad blockers, which also block web fonts as potentially dangerous. In addition to this, many companies will also block web fonts on all their users' computers by default because of the associated security considerations. the WebHelp skins in the Premium Pack add-on for Help+Manual have support for Google Web Fonts built in, and it is best to use these Google fonts if you do want to use alternative fonts online, as this is much easier than any other method. See these details in the Premium Pack documentation:

https://www.it-authoring.com/info/pp4he ... fonts.html

Otherwise, it is best to only use "web safe" fonts for WebHelp:

https://www.w3schools.com/cssref/css_websafe_fonts.asp

If you do use an alternative font, you should also define web safe fallback fonts to be used in case the user doesn't have the font, or for when web fonts are blocked. You can set this up in Configuration > Publishing > WebHelp > HTML Fonts. This page in the documentation will lead you to the information you need on this:

https://www.helpandmanual.com/help/hm_p ... fonts.html