Font Display in ReviewLInk

wschneider
wschneider Community Member Posts: 23
Hi,

I'm having an issue where a font looks one way in lectora inspire and ReviewLink, but completely different on my mac when viewing in ReviewLink. Even stranger is the font doesn't look anything like it's supposed to look in Lectora period. Can browser or your computer change a display font? Is there anyway to force the font I want? Any ideas? Please help!!!

Comments

  • jvalley4735
    jvalley4735 Community Member Posts: 1,357
    Yes, if your computer doesn't have the font loaded it'll replace it with the system default.  You can ensure the font is always visible the way you want it to by converting all your textboxes to images or you can add the custom font to your course.  Here's a blog post article explaining how :) http://trivantis.com/blog/3-Ways-to-Use-Custom-Fonts-in-Lectora
  • wschneider
    wschneider Community Member Posts: 23
    Thanks for the info! I read the blog and tried option 3. Followed directions and everything works on my computer now properly, but my tester is still not seeing the proper font. When I export the course as scorm 1.2 zipped and then open the zip file, i see the webfonts folder. However, when I open the folder, nothing is in it. Shouldn't lectora have exported the font files to that folder? Could there be a glitch with lectora when I add additional files to the HTML extension (Add Folder option) that it is actually not uploading the files under the webfont folder? This is a huge issue for me if I can't get my users to see the proper fonts! I've attached my course file if that matters.
  • wschneider
    wschneider Community Member Posts: 23
    Actually, I take that back, the webfonts are in there under the zipped folder now. Any other reasons that including the fonts via Blog post #3 solution wouldn't work and a user is still not seeing correct fonts? Has anyone else had this issue?
  • jvalley4735
    jvalley4735 Community Member Posts: 1,357
    Sergey, @ssneg , do you have any suggestions for Windy?
  • ssneg
    ssneg Community Member Posts: 1,466 ☆ Roadie ☆
    Hi Windy! You ignored Step 3 of my blog :) It says,
    Sometimes Font Squirrel will use a font family name that is different from what you see in Lectora, e.g. “open_sansregular” vs. “Open Sans Regular”
    This is exactly the case. Windows and Lectora refer to Exo font as simply "Exo", whereas Font Squirrel produces a lengthy CSS file that mentions "exolightitalic", "exolight", etc.

    I fixed the CSS file for you (attached), replace your old stylesheet.css with it and see if it helps. Let me know if you need anything else :)
  • wschneider
    wschneider Community Member Posts: 23
    Ah! I thought that was a recommendation, not a requirement. :) Thank you so much for looking at it.
Sign In or Register to comment.

So You Wanna Be An eLearning ROCKSTAR?

We're all fans of eLearning here! Want to become an eLearning ROCKSTAR? Just click on one of the buttons below to start your rocking journey!