Learners See the Wrong Fonts or Missing Letters in HTML5 Courses

Article Last Updated

This article applies to:

If learners see the wrong fonts or missing letters in HTML5 courses, here’s how to fix the problem, depending on which browsers are affected.

All Web Browsers Are Affected

If learners see the wrong fonts in all browsers (Chrome, Firefox, Internet Explorer, etc.), it probably means the server where your content is hosted doesn’t know how to display web fonts.

The good news is it’s easy to fix. Ask your server administrator to add a MIME type to the hosting server for Web Open Font Format (WOFF) files. For example, here’s how to add a MIME type in IIS Manager.

Only Internet Explorer Is Affected

If learners see the wrong fonts only in Internet Explorer, here are two reasons why and solutions for each.

The Font Download Setting Is Disabled in Internet Explorer

The font download setting in Internet Explorer is enabled by default, but some users or organizations may disable it. If learners have the option to enable it, here’s how to do so:

  1. In Internet Explorer, click the gear icon or the Tools menu, then choose Internet options.
  2. When the Internet Options window appears, select the Security tab, choose the Internet zone, and click Custom level.
  3. When the Security Settings window appears, scroll to the Downloads section and enable the Font download setting.
  4. Click OK twice to save your settings, then close and reopen Internet Explorer.

If learners can’t enable the font download setting described above, they may be able to add your website to their trusted sites in Internet Explorer. Here’s how:

  1. In Internet Explorer, click the gear icon or the Tools menu, then choose Internet options.
  2. When the Internet Options window appears, select the Security tab, choose the Trusted sites zone, and click Sites.
  3. Enter the website where your e-learning content is hosted, then click Add to add it to the list. Trusted websites must start with https://—for example, https://articulate.com.
  4. Click Close, then click OK to save your changes.
  5. Close and reopen Internet Explorer.

If the options above aren’t feasible and you need a quick solution, ask learners to use a different web browser, such as Google Chrome or Firefox.

Windows Group Policy Is Blocking Untrusted Fonts

Group Policy in Windows 10 has an optional feature to block untrusted fonts. When it’s enabled, learners might see the wrong fonts in Internet Explorer.

Ask your network administrators if the font-blocking feature in Group Policy is enabled. If it is, you might explain the situation and ask them to consider turning it off. If that’s not possible, learners will need to use a different browser to view your courses.