Font not being applied in RH2020

In each case, I'm accessing the support page which has tabs for each operating system help so I can choose which OS version of Help to look at on each machine. So when I'm on the Mac, I can choose to see the Windows version instead of Mac version. In this case, when I'm on the Mac, when I choose the MacOS version it displays MyFont. When I choose the iOS version instead, it displays Times New Roman , as it does on a Linux machine.  How do I bring this problem to Adobe's attention? 

Windows 10: shows in MyFont but MyFont is installed on this machine, not sure if it's representative.

OK so further testing required.

Linux: shows in MyFont.

So all good.

MacOS: shows in TNR. The MacOS version shows MyFont which is not installed on this machine.

I'm confused here. You say it shows in TNR and then it shows MyFont.

Android: shows MyFont.

So all good.

iOS: shows in TNR. 

I can't help you on that. I don't have or use any iOS devices.

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

I did what you suggested and then continued trying. I have been working on this for a while. Here's my feedback:

In our page to select the Help documentation, there is a choice of each OS so when I'm on Android, I can choose which version I want to see. When I choose the iOS version on the following platforms, these are the results:

Windows 10: shows in MyFont but MyFont is installed on this machine, not sure if it's representative.

Linux: shows in MyFont.

MacOS: shows in TNR. The MacOS version shows MyFont which is not installed on this machine.

Android: shows MyFont.

iOS: shows in TNR. 

I have examined the default.css for my mobile version which is used by Android and iOS over and over and followed your directions as given, TNR still displays for iOS only, not Android.

I've also looked at the layout.css in the generated/template/project/ folder as this is referred to in the source on the iOS machine and MyFont is defined and assigned there as well in the body section but not with @ font-family as defined in default.css.

Hope this means something to you.

First of all I would suggest creating a copy of your project as it is now so that if any subsequent work makes it go bang, you have something to revert to.

Then go to Using Font Awesome, Google Fonts, @font-face and SVGs in RoboHelp (grainge.org) and see if you can get it working from instructions or the working project there.

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

I opened a sample project, changed the font in there to MyFont, generated and the font is there on my machine. Moved that CSS to the other project folder. So now when I check Styles on the right hand side in Author view, there are styles! It works when I generate it locally but MyFont is installed on my machine so I'm not sure that's a true test, even though I was previously seeing the TNR and MyFont on my local machine after generating. I moved to publish then to web server test environment, I see MyFont on Android, TNR only on iOS! Before I did this, on both Android and iOS I saw both MyRoom and TNR in the same topic. Since I now have the correct font showing in Android tablets, I'm reluctant to do anything to try and fix the iOS output so I don't mess up the Android version. Any ideas? Do I add back @ font-face to the CSS?

TIA

There have never been any styles showing when clicking the Styles icon in the right side

If that is the case there is definitely something wrong with your CSS and the fact that TNR appears confirms that, it is defaulting to the standard HTML font when no font is defined. That is where you need to be looking.

Until styles appear when you click that icon, I would say it is not worth pursuing anything else.

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

I had followed Amebr's directions in the first post and used your directions to include the @ font-face in the CSS. I've now commented that out. There is no other @ in the CSS file. No change to the result. There have never been any styles showing when clicking the Styles icon in the right side but the correct font was previously applied everywhere in the project which seemed correct as the font-family was declared in the body of the CSS. Every so often and sometimes when I haven't made any change in the default.css, I get a message saying stylesheet failed to parse. It's not consistent and I can't reproduce it on demand.

Is it still the case that you have no styles showing when you click the Styles icon? If so the issue is the CSS itself. If you open that in the CSS editor does it show the UI or the code? If the latter it means there is something in your CSS that the editor cannot parse and you need to fix that first.

Are there any @media styles in the CSS? If there are, comment them out. /* before the start and */ at the end.

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

Thanks to you both for your replies. I have checked the topics, every topic is associated with default.css. I have applied @11220649-face in the css per Amebr's instructions and also done what Peter suggested. It's like nothing is sticking when I hit Update Styles. I save my work basically after every change I make and nothing seems to stick. I've even taken the time to add the font-family to almost every style in the css, especially p. From one p to the next in a topic, the font changes. OK, I'm going to go away, drown my frustration in my tears (because this worked in 2019 Classic) and start afresh Monday.

Thanks for the help, I appreciate it.

Please add your vote if you want to see this working as it did in Classic.

RH-10265

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