How do I change the Font used for numbered lists?

eoinjw
eoinjw Community Member, Lectora® Accessibility Group (LAUG) Member, eLearning Brothers® Partner Posts: 3 ☆ Roadie ☆
Hi All,

I have custom fonts defined in my Lectora Online project (Source Sans Pro from the Google Font Library), but I've noticed that this isn't used for the numbers in a numbered list. Is there anyway to override this at all?




Thanks in advance,

Best Answer

  • eoinjw
    eoinjw Community Member, Lectora® Accessibility Group (LAUG) Member, eLearning Brothers® Partner Posts: 3 ☆ Roadie ☆
    Accepted Answer
    @whatcher-8448 I've tried it with both the linked and embedded fonts, and still get the same issue unfortunately.

    I've managed to come up with a CSS workaround, but it's just a shame that Lectora Online doesn't use the paragraph font for the numbering.

    If anyone else faces the same issue, and needs a workaround, I inserted a HTML extension object set to 'Meta Tags' above my AU object, and entered the code below (replace 'Source Sans Pro' with the name of the font you want to use):
    <style type="text/css">
    ol {
    font-family:'Source Sans Pro',sans-serif;
    }
    </style>
    It won't show when running the project in Run mode in the editor, but does work with Page Preview and when the project is published.

Answers

  • whatcher-8448
    whatcher-8448 Community Member Posts: 10 ☆ Roadie ☆
    A couple of questions -- Are you using a template? Also, do you have to upload the font into Lectora Online/
  • eoinjw
    eoinjw Community Member, Lectora® Accessibility Group (LAUG) Member, eLearning Brothers® Partner Posts: 3 ☆ Roadie ☆
    Hi @whatcher-8448

    I'm using a template that we self-built for my company rather than one of the provided ones, and I'm using a linked Google Font so haven't uploaded any font files.
  • whatcher-8448
    whatcher-8448 Community Member Posts: 10 ☆ Roadie ☆
    I was thinking the font needed to be embedded vs linking. Not sure, but did you see this article..https://knowledgebase.elearningbrothers.com/defining-custom-fonts-in-lectora-online
  • wheels
    wheels Florida USACommunity Member, Administrator, Moderator, Rockstar Manager Posts: 598 eLearning ROCKSTAR Admin Team
    Thanks for pointing this out and glad that you found a good solution. We will write it up as a usability issue.
  • whatcher-8448
    whatcher-8448 Community Member Posts: 10 ☆ Roadie ☆
    @eoinjw Thank you for sharing. I hope they fix this. It seems you have to know more (e.g. JavaScript) to use the product. I would have never figured this out, but thanks for sharing. Discouraging for beginners. :(