Skip to main content
B
bonniem45460749
Inspiring
January 16, 2018
Question

Rh 2017 responsive HTML output doesn't render a common font

  • January 16, 2018
  • 1 reply
  • 758 views

I created my project in Rh 2015 and used a multiscreen HTML output, but upon upgrade to Rh 2017 I would like to use a responsive HTML output.

When generating the responsive HTML output, a font in the topic pages does not render correctly, specifically, Arial Narrow. I have Arial Narrow baggage files in the project, so I am not sure why the responsive HTML output won't render it even as the multiscreen HTML output looks fine.

Multiscreen HTML

Responsive HTML

The responsive HTML skin looks just fine, BTW. No complaints. It's just the rendition of Arial Narrow in the topic pages that has me baffled.

This topic has been closed for replies.

1 reply

Captiv8r
Captiv8r
Legend
January 16, 2018

Out of curiosity, have you tried copying the CSS from the source location to the output location where it replaces the output CSS?

B
bonniem45460749Author
Inspiring
January 16, 2018

The output CSS folder (/!ScreenLayout!/<layout name>) contains layout.css and layout-rtl.css, both of which define the navigational elements, not the paragraphs and characters.

When I copied my default CSS (not named default) to the output folder, the rendering of Arial Narrow remained unchanged. Copying default.css to the output folder likewise made no difference.

When I changed the Headings to Arial instead of Arial Narrow, the font was properly rendered, so it's not a CSS problem but a font problem, I reckon.

B
bonniem45460749Author
Inspiring
January 17, 2018

Are you following Willam's advice for fonts? https://www.helpessentials.com/2014/11/29/adobe-robohelp-use-custom-fonts/ 


Oh hey that worked! I had the font file as a baggage file, but not the font definition in deepsee.css. (It was in default.css.)

Thanks!

UPDATE (the next day): My glee was premature. I generated responsive HTML and the font rendered successfully, leading to my above response. Then I generated it again about an hour later and the same problem emerged.

In the meantime, our Ux person suggested using Roboto, it being the font used by the GUI for the product.

I installed Roboto TTF files on my Windows 10 workstation and rebooted. Then I added all of the Roboto TTF files to the baggage files, and then added the font-family definition to the CSS, thus:

The Roboto fonts are consequently displayed in the Styles definition dialog.

But the Font selector does not recognize the font family.

[Edited] What does that mean?

Note also that the character font definition is not being properly rendered still. The font in the marked area is supposed to be Roboto Medium but it's showing a serifed font instead.

What am I missing?

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