Inspiring

Question

RH2017 - How do I import new fonts in RH2017 project

Forum|Forum|6 years ago
April 24, 2019
1 reply
3806 views

I have installed the new set of fonts in c:\windows\fonts folder. How can I import them in my Responsve HTML5 project in RH 2017?

This topic has been closed for replies.

A

Amebr

Community Expert

I think we need to know more about what you're wanting to achieve.

You don't typically need to import fonts into Robohelp to start using them. However, using them on your PC does not mean they are available to your users. I believe your output type, output destination and license of the fonts themselves will determine what you need to do.

Also note, I only have theoretical knowledge of what's necessary, so might not be much help in the long run.

Tejas DandekarAuthor

Inspiring

Ok, so what I am wanting to do is this.

We have a set of custom font named Proxima Nova that we have copied in c:\windows\font folder.

We want to use it in the content of the Responsive HTML5 help output.

So essentially whenever we output and distribute the Responsive help files the output should be visible in the new font.

Would only a copy to c:\windows\font folder help? Or do I have to do something in RH as well?

Peter Grainge

Community Expert

Assuming that the output will be deployed on a web server, you'll need to make sure the font license your company bought allows the font to be used on the web (i.e. not just a desktop license for installing on your (single) computer). Apologies if you already know this bit, I know a lot of people aren't aware that fonts have specific licenses for very specific uses.

If you are installing the help on end user's computers, you'll have to get legal advice about the license you need (I'm not a lawyer, but suspect you'd need Desktop licenses for every user you install it for?)

Again assuming you're deploying the help on a web server, you then need to consider where the font will live on the web server. Maybe your company already uses this font on other websites. In this case there's probably already a location you can link to for example www.mycompany.com/fonts/.

It should be theoretically possible to add the fonts as baggage files to your project, but you would need to check whether multiple deployment of the files is allowed by the license. I would say a central location is better so that the fonts can be used on any site that needs it, rather than being distributed with each help project you product. (I'm also not sure how you go about using your baggage file version in Robohelp - you might need to live with the font not displaying when you're developing content? This isn't something I've worked with.)

Then you need to specify the font in the stylesheet using @font-face. You'll need to do this manually - as far as I know RH2017 doesn't support @font-face in its interface, although happy to be corrected .

Have a look at MDN for details:

Web fonts - Learn web development | MDN

As I said, I haven't used this technique at all, so my knowledge is theoretical. There may be other steps I'm not familiar with. But hopefully this will get you started.

To help illustrate what Amber has said, I have set up a simple test for you. I created a topic using a font that everyone will have (Verdana) and one that many will not (Vladimir Script). I then added an image of what you should see.

In the Test Project if you have that font installed, the text you see will be the same as in the image. If you do not have the font installed, the browser will substitute something else.

If you are putting the help on a web server, then you need to see what Amber has said about that. If the help is going to be on a client's server or their users desktops, that also gets caught by licensing as Amber has explained.

I haven't tested Google Fonts in a 2017 project but if you go to Fonts I have set up a demo from RoboHelp 2019. Look at the Google Fonts topic. Perhaps instead of the font you were planning to use, one of the Google Fonts will work provided the users have internet access.

See www.grainge.org for free RoboHelp and Authoring information.

@petergrainge

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded