Skip to main content
Inspiring
October 12, 2023
解決済み

Is there a way to display Roboto font even if users don't have it?

  • October 12, 2023
  • 返信数 1.
  • 1630 ビュー

When my users view my HTML5 online help file, it does not display the Roboto font for some (because they don't have the font installed on their machine). Instead it defaults to a less attractive font. Is there a way to do something with the font where it displays regardless of that circumstance (like embedding the font)?

    このトピックへの返信は締め切られました。
    解決に役立った回答 Nicholas31687743qnw3

    Yup, that's the latest (Oct 2023) - I'm pretty sure the templates also have CSS applied to them; just not sure where that is exposed (or not exposed as the case may be). As an experiment, can you try another template to see if it behaves?


    Solved. 

    1. Edit the skin/template in RH 2022. Go to Output > Templates > [Skin/Template] > Edit > Layout tab > User assets > Add Asset. Upload a .css file with everything commented out except for #4 in Peter G.'s font face entry (https://www.grainge.org/demos/fontawesome/#t=fontface.htm). This will tell the skin to force display the desired font and use the default skin .css (mine was called layout.css) for everything else (e.g., size, color).
    2. Paste a copy of the font you want to display in the skin/template folder. 
    3. Generate and test.

    返信数 1

    Jeff_Coatsworth
    Community Expert
    Community Expert
    October 12, 2023

    Yes, but it depends on the font & if you are permitted to distribute it - see Peter's site on fonts (grainge.org) - https://www.grainge.org/demos/fontawesome/#t=fontface.htm

    Inspiring
    October 12, 2023

    It's Google's Roboto font. I've seen the article on Google fonts, but the instructions don't follow with the Google fonts page. There's no + sign or way to copy the code. And I'm unsure by what he means by "paste the code into the head section." Where do you do that in RoboHelp. The .css?

    Inspiring
    October 12, 2023

    I think you probably want it towards the top of the CSS file & yes, you should edit CSS files in Notepad.


    Thanks Jeff! I completed this - and the main topic text is good, but the TOC and Help file header (the name of the help file in the upper left) is not taking on the Roboto font. Is that taking cues from the skin file? I have that set to Roboto as well.