The Instructure Community will enter a read-only state on November 22, 2025 as we prepare to migrate to our new Community platform in early December. Read our blog post for more info about this change.
Found this content helpful? Log in or sign up to leave a like!
I am loving the dyslexia friendly font as a designer. The hard part is knowing if the text will update. I have noticed that things like headers, link, and lists don't always present with the font once the page is saved. Hopefully learners are seeing more consistency. Things are pretty consistent in the RCE so I am curious, what other users are experiencing?
Solved! Go to Solution.
It looks like the dislexya font setting only replaces the font if the text doesn't have any specific font set, so that's probably why you're seeing that it doesn't always work.
For example, the following HTML code in a page RCE (formatted solely with point and click in the RCE, I did not edit the HTML code directly):
<p>This has no font set</p>
<p><span style="font-family: arial, helvetica, sans-serif;">This is Arial</span></p>
<p><span style="font-family: 'times new roman', times;">This is Times New Roman</span></p>
<p><span style="font-family: 'Lato Extended', 'Helvetica Neue', Helvetica, Arial, sans-serif;">This is set as Lato Extended (the default font)</span></p>
Will generate the following when set to be viewed with the dyslexic font option ("Page test font" is the page title):
Note how setting a font as Lato Extended, even though it looks the same as setting no font since it's the default, will override the dyslexic font option.
It looks like the dislexya font setting only replaces the font if the text doesn't have any specific font set, so that's probably why you're seeing that it doesn't always work.
For example, the following HTML code in a page RCE (formatted solely with point and click in the RCE, I did not edit the HTML code directly):
<p>This has no font set</p>
<p><span style="font-family: arial, helvetica, sans-serif;">This is Arial</span></p>
<p><span style="font-family: 'times new roman', times;">This is Times New Roman</span></p>
<p><span style="font-family: 'Lato Extended', 'Helvetica Neue', Helvetica, Arial, sans-serif;">This is set as Lato Extended (the default font)</span></p>
Will generate the following when set to be viewed with the dyslexic font option ("Page test font" is the page title):
Note how setting a font as Lato Extended, even though it looks the same as setting no font since it's the default, will override the dyslexic font option.
Community helpTo interact with Panda Bot, our automated chatbot, you need to sign up or log in:
Sign inTo interact with Panda Bot, our automated chatbot, you need to sign up or log in:
Sign in