HMTL: Fonts
Canvas does not come with a wide variety of fonts to use, but there is a way around that with HTML!
Anatomy of the Code Snippet
Steps to Use a Different Font
1. Select and copy the code snippet:
<p><span style="font-family: Arial; font-size: 24pt;">Your Text Here</span><p>
2. Navigate to an existing Canvas page and go to Edit. Switch to HTML Editor.
3. Paste the code & switch back to Rich Content Editor to view the results.
4. Change your text to say what you want as you normally would.
Caveat: You can use any font you have on your device, but it will only be visible on other devices with those same fonts. It is recommended that you stick with default Microsoft Office fonts. Even then, some don't translate to other devices (especially mobile devices) so check your Canvas page on a phone or tablet to verify.
Examples
Your Text Here
<p><span style="font-family: American Typewriter; font-size: 24pt;">Your Text Here</span></p>
Your Text Here
<p><span style="font-family: Bradley Hand; font-size: 24pt;">Your Text Here</span></p>
Your Text Here
<p><span style="font-family: Chalkduster; font-size: 24pt;">Your Text Here</span></p>
Your Text Here
<p><span style="font-family: Marker Felt; font-size: 24pt;">Your Text Here</span></p>
Hex Color Code Example
If you know the hex color code for the color you'd like to use, use the code snippet below (as described above), and the purple-highlighted text with the hex color code.
Your Text Here
<p><span style="font-family: American Typewriter; font-size: 15pt; color: #5b9aa0;">Your Text Here</span></p>
Go Back to HTML Homepage