Select device or WYSIWYG text rendering

All objects that contain text in SmartBuilder can have their text set to render with one of three options.
Text Rendering Dropdown.png

Default: Uses the rendering (Device or WYSIWYG) that is set globally for the lesson via the Lesson Settings window.

Device: Uses fonts installed on each learner's computer, or bundled with the lesson. When this is selected, it will override the rendering option that is selected in the Lesson Settings window.

WYSIWYG (What You See Is What You Get): Smartbuilder draws all the characters - this is similar to converting the text into an image, but requires less file size than an image. When WYSIWYGis selected, it will override the rendering option that is selected in the Lesson Settings window.

	Pro	Con
Device	Text is crisper Text will render faster during authoring and at runtime. NOTE You will not notice any difference between Device and WYSIWYG rendering while authoring. You must preview to see the differences.	If you use a font that the learner doesn't have installed on their device, a different installed font will be used instead. However, this can be addressed by embedding fonts into your lessons. Even if the font is embedded, the spacing/wrapping may be slightly different on different browsers and between the authoring stage and preview.
WYSIWYG (What You See Is What You Get)	Text spacing/wrapping will be identical between the authoring stage and preview andon all learner devices, regardless of whether or not the font is installed on the learner’s device.	Text is slightly less crisp;not as noticeable on larger text sizes. If WYSIWYG text is set programmatically it will switch to device text. WYSIWYG is not supported for responsive lessons with multiple layouts. Large lessons with many text objects will load pages more slowly during authoring.

Best practice suggestions:

Use device font since it is crisper and loads faster, unless margins are tight and can’t be adjusted (i.e. there isn't much space between text and the objects below it). In this case, consider using WYSIWYG text to ensure text wrapping doesn't cause text to overlap objects below it.

If you use WYSIWYG text, try out some alternatives since some fonts may be crisper than others. For example, Arial is less crisp than the other three fonts below in WYSIWYG mode.
Text Rendering Samples

If you want to use fonts other than Roboto, which may not be installed on your learners' devices, use the techniques described above to embed the fonts with your lesson. This will ensure all learners can load any font you use in your lesson.