Skip to main content
A
Ana2021
Known Participant
June 26, 2023
Answered

Embed fonts

  • June 26, 2023
  • 5 replies
  • 942 views

We are using the RH 2022.2.22 and facing font issues. We are using Roboto font for topics and the Roboto fonts also installed on my machine. When I generate output and the Roboto font is being displayed properly. But, when I share the output on other machine, the font is not appearing in the topics and other font's are being displayed, such as Times New Roman.

 

Could you please help fixing the issue? We want to embed in the the RH source files and output.

      This topic has been closed for replies.
      Correct answer Peter Grainge

      @Ana2021 I have moved your post to a new thread as 2022 is a different beast. Also I have removed the reference to RoboColum_n as he has not followed these forums for several years now.

       

      The answer to your problem is in this page on my site. Using Font Awesome, Google Fonts, @font-face and SVGs in RoboHelp (grainge.org)

       

      There is also a project you can download and upgrade to 2022 to see and test the workings.

      ________________________________________________________

      My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

       

      5 replies

      Peter Grainge
      Community Expert
      Peter GraingeCommunity Expert
      Community Expert
      June 28, 2023

      Please mark the correct answer as such. It helps the next person find the answer more quickly.

      ________________________________________________________

      My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

       

      Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.
      Peter Grainge
      Community Expert
      Peter GraingeCommunity Expert
      Community Expert
      June 26, 2023

      I just looked at the Font page on my site and don't understand why you are saying it is topic specific. Follow the instructions and add the code to your CSS. That font will then be available in any topic both to you and someone on another machine.

       

      Why do you think it is topic specific?

      ________________________________________________________

      My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

       

      Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.
      A
      Ana2021Author
      Known Participant
      June 27, 2023

      Thank you for confirming it @Peter Grainge, I will try and update here.

      A
      Ana2021Author
      Known Participant
      June 28, 2023

      @Peter Grainge The provided solution is working now! Thank you for the quick help.

      Peter Grainge
      Community Expert
      Peter GraingeCommunity Expert
      Community Expert
      June 26, 2023

      Have you downloaded the demo project and tried it? I will look later but I'm pretty sure the method is NOT topic specific. You set up the CSS and apply that CSS to all topics. That can be done in bulk or you edit the existing CSS.

      ________________________________________________________

      My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

       

      Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.
      Peter Grainge
      Community Expert
      Peter GraingeCommunity Expert
      Community Expert
      June 26, 2023

      Add a new topic to the project you can download and apply the CSS. That's all you need to do. It is only topic specific to the extent of using the correct CSS.

      ________________________________________________________

      My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

       

      Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.
      A
      Ana2021Author
      Known Participant
      June 26, 2023

      Thank you @Peter Grainge. We have more than 100 topics, hence the topic specific solution is not a good idea. Don't you have project spedific solution for this?

       

      What is your take on the above method?

      Peter Grainge
      Community Expert
      Peter GraingeCommunity ExpertCorrect answer
      Community Expert
      June 26, 2023

      @Ana2021 I have moved your post to a new thread as 2022 is a different beast. Also I have removed the reference to RoboColum_n as he has not followed these forums for several years now.

       

      The answer to your problem is in this page on my site. Using Font Awesome, Google Fonts, @font-face and SVGs in RoboHelp (grainge.org)

       

      There is also a project you can download and upgrade to 2022 to see and test the workings.

      ________________________________________________________

      My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

       

      Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.
        A
        Ana2021Author
        Known Participant
        June 26, 2023

        Thank you for the reply @Peter Grainge . It seems the the solution provided for Google fonts is topic specific. We need it to implement it for all html topics without adding the code in all topics manually. 

        Could you please help us to resolve this issue?

         

        We are looking for a solution as per below:

        The css code, font file or other activities should be done one time only. And when the output is generated with the other person should see the font applied on the text without installing the font.

        A
        Ana2021Author
        Known Participant
        June 26, 2023

        Can we use the @11220649-face method for Google fonts. For example, we have added the code in css and also placed the font file in the css root folder:

        @11220649-face {
        font-family: "Roboto Slab";
        src: url("RobotoSlab-Regular.ttf");

         

        Will this method work?

         

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices