• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Ability to include Google fonts in RH 2020

Explorer ,
May 06, 2021 May 06, 2021

Copy link to clipboard

Copied

Hi,

I would like to know if we can use Google Fonts to Robohelp 2020 or only use the fonts provided by RH? In case if we can use Google Fonts, can you please let me know how to install and use it?

 

Views

393

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 06, 2021 May 06, 2021

Copy link to clipboard

Copied

It's all explained here on my site. There is a demo and a download. The download is in 2019 format so just upgrade it.

 

Using Font Awesome, Google Fonts, @font-face and SVGs in RoboHelp (grainge.org)

________________________________________________________
See www.grainge.org for free Authoring and RoboHelp Information

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
May 06, 2021 May 06, 2021

Copy link to clipboard

Copied

Thank you so much for the solution Peter! 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
May 06, 2021 May 06, 2021

Copy link to clipboard

Copied

RoboHelp does not come with fonts. The font drop-downs show you the fonts installed on your system.

Adding Google fonts to a topic is very easy:

 

  1. Go to https://fonts.google.com and select the fonts and styles you need. Copy the code given in the "Use on the web" section.
  2. Open your topic.
  3. Change to source code view and add paste the code.
    For Roboto regular and regular italic, bold, and bold italic, e.g. this:
    <link rel="preconnect" href="https://fonts.gstatic.com"> 
    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">​

    or this:
    <style>
    @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');
    </style>​
  4. Refresh the topic view (F5) or cust close and reopen it.

 

Alternatively, you can add it to the template/skin or layoutdiff.css. and the overrule with a catch-all * and !important.

 

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
May 06, 2021 May 06, 2021

Copy link to clipboard

Copied

LATEST

Thank you so much for the solution Stefan! 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
May 06, 2021 May 06, 2021

Copy link to clipboard

Copied

Peter also just replied 🙂
Have a look at this project. It explains it in much deeper detail!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp