Skip to main content
Known Participant
October 9, 2017
Answered

TOC font differs on browsers/devices

  • October 9, 2017
  • 1 reply
  • 272 views

Hi,

I have a course I developed with Captivate v9. The font I used for the TOC and the captions is called Myriad Pro. I published the course to SCORM and uploaded it to SCORM Cloud.

When I view the course on one laptop using Chrome or IE, the font in the TOC is showing correctly as Myriad Pro. On another laptop, it's showing correctly when using Chrome, but incorrectly (as Trebuchet MS instead) when using IE. When I view the same course in Safari or Chrome on an iPad, the TOC font is in Trebuchet MS as well. But the captions are always in the correct font. It's just the TOC font that is different depending on browser and device.

Does anyone know why this happens so I can fix this module or avoid this issue in the future?

Thank you

Michele

    This topic has been closed for replies.
    Correct answer Lilybiri

    You didn't specify the version (there were 3 releases of 9), nor the type of project (responsive or not).

    For a normal project, the captions (if they do not include variables) are probably converted to images, which means that the font will always be the one you have chosen. However eveything that is rendered on runtime, like the TOC and text containers with variables will revert to a websafe font. Myriad Pro is not a websafe font, Trebuchet is a websafe font.

    In CP2017 only it is possible to use other than the webszafe fonts using Typekit.

    1 reply

    Lilybiri
    LilybiriCorrect answer
    Legend
    October 9, 2017

    You didn't specify the version (there were 3 releases of 9), nor the type of project (responsive or not).

    For a normal project, the captions (if they do not include variables) are probably converted to images, which means that the font will always be the one you have chosen. However eveything that is rendered on runtime, like the TOC and text containers with variables will revert to a websafe font. Myriad Pro is not a websafe font, Trebuchet is a websafe font.

    In CP2017 only it is possible to use other than the webszafe fonts using Typekit.

    Michele MAuthor
    Known Participant
    October 9, 2017

    Thank you very much!

    Michele