I made all my buttons Arial 12pt. However, when I go to preview my course in anything but IE, all the buttons display as Times New Roman. The same thing is happening when I publish my scorm files to Scorm Cloud. All the buttons display as Times New Roman in Chrome and Safari. I tried to just go re-apply the Arial font to the buttons, but it doesn’t make a difference since they are currently showing as Arial in build mode. How do I fix this? I am using Lectora 19.
@eleinbach4818 Hi Elizabeth. I used the title you provided and can see your errors. Then I did as Robert suggested, make the title Responsive and turn off the lower views, and the buttons look correct. I’ll open a tracking bug, but for now that workaround corrects the issue.
Rendered page with the Enable Responsive Title selected (and only Desktop chosen) worked as a fix for me.
Converting some courses from L18 to L19 I noticed ALL my Buttons that had text on them changed from the Arial they once were to a font that has a serif when published/previewed — and I couldn’t change them back. Freaked out!
Inspecting the Published (or web-previewed) page and inspecting the element I see the font-family: \”Arial\”;. Now, if I alter the element in the inspection panel to font-family: Arial; it (temporarily) appears correctly. Alternatively, when I look at the element with Enable Responsive Title selected it generated the proper font-family: “Arial”;
Hopefully eLearning Bros will update with that tracked fix soon to output the correct Publish style instead of this: