Skip to main content
TatuMbili
TatuMbili
Inspiring
February 4, 2018
Question

RH10 - Font displays differently for the same page on different devices

  • February 4, 2018
  • 1 reply
  • 882 views

I have two different layouts, one for Android, one for iOS. I am using our proprietary font and this displays properly everywhere in Android. However, on iOS devices, for the Home (default) page, the Table of Contents page and for the first title displayed in the first topic page, the font is a serif font, looks like Times New Roman. Note that on the second and subsequent topic pages, the title uses the correct font. I have searched the entire project for mention of a serif font, there is nothing there, our font is in every font-family reference along with Arial. Does anyone have any idea where this is coming from? I've successfully changed background and text colours in the layouts so I'm a bit pharmished as to where I'm going wrong.

BTW, the pages and fonts display correctly when viewed on a desktop in either Chrome or IE and in addition, when I use the iOS URL on an Android device, everything displays correctly. Another aside: in my iPad_Layout Screen Layout, no mobile.css appears in Project Set-Up. I've had to open the css in a text editor to make other changes, which have worked.

I believe that related to this may be related to the fact that after I added two pages to the TOC that I had previously created but not included in the TOC, the next/back links disappear after what was previously the last page so the last two added pages have no next/back arrows on them. How do I include these in the screen layout which should be applying to those items? Everything else on these two pages is rendered as it should be, including the font.

TIA,

Helen

This topic has been closed for replies.

1 reply

Peter Grainge
Community Expert
Peter GraingeCommunity Expert
Community Expert
February 16, 2018

Just guessing here.

I doubt anything is set to serif, rather it is not set to what you want and therefore defaulting to serif. On another device it could default to something else. I am not an iPhone user so can't help on that.

Re the last two pages, did the new pages get added to the browse sequence which is what I suspect your arrows are. I doubt that is the issue. More likely the new pages are not correctly referencing the CSS.

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.
TatuMbili
TatuMbiliAuthor
Inspiring
February 16, 2018

Thanks Peter,

Mea culpa, I forgot about the browse sequence. That one is solved. Thanks for the boot up the proverbial.

Not sure I can agree with "not set to what you want and therefore defaulting to serif." The Home Layout page calls mobile.css and my font-family is defined right at the beginning of mobile.css. Everywhere in the css where a font is defined, it is my font that is there. Is there something else I'm missing?

Peter Grainge
Community Expert
Peter GraingeCommunity Expert
Community Expert
February 17, 2018

I was just suggesting that you check the path to the CSS in case there was an error there. If the page is correctly referenced and it's working elsewhere, I am not sure why iPhones are not playing nicely.

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.
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices