Inspiring

Question

Font not being applied in RH2020

Forum|Forum|4 years ago
October 14, 2021
23 replies
775 views

Things were fine, i.e., all fonts were the same on my mobile pages. Now, first page has our proprietary font, second page has a mixture, proprietary font (let's call it MyFont) in the h1, MyFont in p and no font selected in td so in td, I have Times New Roman as the font. I've gone to the deafult.css, checked that: MyFont, Arial, sans-serif; is in the body section, no other font used anywhere in the CSS. There is no stylesheet associated with the master page and I don't use a master page when generating.

I had noticed this last week and couldn't figure out how to update the style, there's some confusing thing about make your change then click on the update style icon but when I go to a different page, the change I had made to styles is not applied. When I click on Styles in the right hand side, I have no styles, None. I then went into each place where my font had to be applied and changed the Font Family for that section in Content Properties, clicking on Update Style after each change. Saved, generated and looked, no changes appear in my generated output, fonts are still changing to Times New Roman and when I go back to my project, the changes I've made to Font Family are gone.

What am I doing or not doing wrong? Thanks for your help.

Helen

Peter Grainge

Community Expert

@Amebr My understanding is this is a single project with a single CSS file and a single output. The problem is that on the Mac OS for example, the topics that describe the Windows, Mac and Linux systems work but the topics that describe Android and iOS do not.

To my mind if one topic works on a given OS, they all should.

It feels like something is not being described properly or @TatuMbili is missing something, no offence meant as we've all done it when troubleshooting.

@TatuMbili I think at this point I would do the following.

Create a brand new project.
Import your CSS.
Import one topic that works on all platforms.
Import one topic that does not work on all platforms.
Test that to prove it shows the same issue.
Assuming it does, it should be easier to spot the issue.

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

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

A

Amebr

Community Expert

Maybe it's the font file format you've defined. Perhaps you've only used one, and it happens not to be supported on a couple of platforms? Or maybe the order you've entered them in the stylesheet means the correct one isn't being picked up for specific platforms? Have a look at this page and see if and of the things to keep in mind help.

https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Web_fonts

TatuMbiliAuthor

Inspiring

That's my question exactly and why I'm trying to figure it out. I have also addressed it to Adobe per your information and after having given them the same table on the same date as above, I've heard nothing back from them.

Thank you for your diligent pursuit of this issue, I've examined HTML all over the place and do not see where it could be going wrong. I'll wait for them to come back to me but once again, kudos to you for persistence and suggestions!

Peter Grainge

Community Expert

I see the table in this thread. What I cannot figure out is how on a given operating system some topics provide the correct font while others do not. For example, I could understand an OS not working with MyFont but not showing it is some topics but not others.

There has to be some difference in the HTML or maybe masterpages applied. I don't have the necessary hardware to test it so I'm sorry but I can't help you further.

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

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

TatuMbiliAuthor

Inspiring

Somewhere my chart didn't get across. When on a Linux, MacOS or iOS machine and viewing the Android or iOS version of my Help, TNR is displayed in all topics. There is only one CSS, default.css (MyFont defined in this css) and it is applied across the whole project.

Peter Grainge

Community Expert

All the help is produced on the Windows version of RoboHelp and then viewed on different platforms. The first column is the OS being viewed on.

The other columns show how the help appears for each OS. So the topics for Windows and Android are correct no matter what OS you view on.

When you view the topics for Linux, Mac and iOS on devices running those operating systems is when things go wrong, correct? Taking Linux as an example, what seem odd is the topics for say Windows viewed on the Linux OS are correct but the Linux and iOS topics are not. The most obvious thing to check is are the topics that don't work using the same CSS as those that do.

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

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

TatuMbiliAuthor

Inspiring

Peter, thanks for your advice. Heres what I came up with to reply to Adobe who had asked for my Windows, Mac and Linux versions, I figured I'd give them everything all at once:

Using this OS	Font seen using this RH version
	Windows	Windows	Mac	Mac	Linux	Linux	Android	Android	iOS	iOS
	TOC	Topic	TOC	Topic	TOC	Topic	TOC	Topic	TOC	Topic
Windows 10 Enterprise	MyFont	MyFont	MyFont	MyFont	MyFont	MyFont	MyFont	MyFont	MyFont	MyFont
Ubuntu 18.04.05 LTS	MyFont	MyFont	MyFont	MyFont	MyFont	MyFont	MyFont	TNR	MyFont	TNR
macOS Catalina 10.15.7	MyFont	MyFont	MyFont	MyFont	MyFont	MyFont	MyFont	TNR	MyFont	TNR
iPhone 14.8.1	MyFont	MyFont	MyFont	MyFont	MyFont	MyFont	MyFont	TNR	MyFont	TNR
Android version 9	MyFont	MyFont	MyFont	MyFont	MyFont	MyFont	MyFont	MyFont	MyFont	MyFont

Yes, I'm talking about one version being viewed on other operating systems but the primary concern is that even on the operating system it is for, i.e., my iOS version on an iPad or iPhone, the font is wrong. And why does the TOC display correctly but the topic doesn't? Quandary, conundrum, I'm lost in both.

To answer your question about the CSS, at one point I had moved the CSS from my second project which is presented in MyFont on all devices and OSs to this project, styles appeared so that problem was solved but it still did not solve the TNR issue.

Thanks for all the help!

Peter Grainge

Community Expert

I think it will help Support if what works where is set out in a table with one row showing

Viewed on a Windows device- Name of font seen
Viewed on a Mac device - Name of font seen
Viewed on iOS device - Name of font seen
Viewed on Linux device- Name of font seen

Then rows showing what you see when each version of the help is viewed on the "wrong" device. for example:

Windows Device

Font seen in Windows Help
Font seen in Mac Help
Font seen in iOS Help
Font seen in Linux Help

and so on for each device.

Maybe I am still not following you but I have read this thread a few times and your scenario is still not clear to me. We are talking about one version of the help being viewed on different operating systems, correct?

Also I noticed in the first post you said "When I click on Styles in the right hand side, I have no styles, None." Is that still the case? If it is it means the CSS editor cannot parse the CSS. That doesn't necessarily mean there is anything wrong with it, simply the parser cannot understand it so the definitions could be right or wrong. However, it's worth looking into. Any media styles specified in the CSS? If so comment them out, that might fix it.

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

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

TatuMbiliAuthor

Inspiring

Just so you know, I would not normally ask for the iOS version on a MacOS machine, for instance, but wanted to see whether it was the iOS version that was wrong or just my iOS devices. It's the version that is wrong as the version is wrong on other operating systems.

I'll use your links and let you know by posting back here what their response is.

Peter Grainge

Community Expert

This may be a dumb question but if I am on a Mac machine, why would I choose the iOS option.

I think the issue is that you have set things up to work on Windows using the method I have described or something else and it works on Windows. Whether it will work on other operating systems and how is a different thing and as I have said, I can't help on that.

The first question to address is on what operating systems is RoboHelp's output supported. You can ask Support. See https://helpx.adobe.com/contact/enterprise-support.other.html#robohelp for your Adobe Support options. The email link tcssup@adobe.com is recommended as it reaches a team dedicated to Technical Communication Suite products including RoboHelp.

How to make any HTML work on other systems beyond what is supported is a matter for other forums. 2020 is will accept valid CSS3 and HTML5.

It would be interesting and useful if you would post back what you are told by Support.

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

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

Show more replies

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