Text pixled preview and published

[RObert5F8E]

Hi
When I publish or preview my project the text looks really pixled.
I am using Open sans light 18 px.
Why is this happening?
Other project looks nice.

I have tried alots of different fonts and sizes but all pixled.

Thanx

[Lilybiri · Accepted solution]

Do you use a system font or an Adobe font? You should never use a system font in order to be sure that your learners will see the font correctly. Have a look at:

http://blog.lilybiri.com/fonts-in-captivate

As for blurriness: if this is a non-responsive project, you need to know that text will be converted to images if it is not dynamic text (look at the blog).  That used to be a way to allow any system font but can lead to blurriness when rescaling. To avoid that a workaround is to insert a null variable in each text container to convert it to dynamic text which will be rendered on runtime. Another workaround is to convert each text manually to SVG which is vector based but that may be lot more work. You don't need this for a responsive project where text is always rendered on runtime.

You could also opt to create the project in a much higher resolution but that will lead to bigger file sizes.

[RObert5F8E]

We are using adobe fonts. The project is not responsiv due to problem with embedded vimeo video when using responsiv.

tell me more about that null value workaround:)

[Lilybiri]

Did you have a look at the blog for which I posted a link? It is explained in that blog.

As for a slide video in a responsive project, you may have a look at another blog:

http://blog.lilybiri.com/fluid-boxes-and-interactive-video-position-properties-panel

[RObert5F8E]

Id did ind found this:

"

If you have at least one variable (system or user) in a text container it becomes dynamic. This means that the text will not be converted to images but has to be generated on runtime. Typical example is the score slide after a quiz: most system variables on that slide get their value only after the end of the quiz.  What are the pro and contra this time?

• Positive is that the font will look crisp at all time.
• Negative: if you use a system font, and that paricular font is not installed on the learner's system, it will be replaced by a generic font (mostly Times New Roman), which looks very unprofessional. "

I added a variable using the X. Maybee this is the wrong way since its replaicing the text.

[Lilybiri]

You have to add the variable (after the text). If its value is empty, it will have no effect on the text but makes the text dynamic, which means it will be rendered using the Adobe font on runtime.

[RObert5F8E]

Added a var_null and that did the trick. Thanks

[Aschilles]

Hi, it works fine for text Object but i can't do the var_null trick for quiz questions texts.

Any solutions for that ? Or maybe there is another solution ?

Thanks

[Lilybiri]

What you call 'text objects' if they are non interactive like the Text Entry Box, exist in two types: captions and shapes. Both have styles defined in the Object Style Manager:

http://blog.lilybiri.com/manage-the-object-style-manager

In the default quiz slides, if you didn't edit the preferences, the individual answer objects are captions and the feedback messages are shapes. 

Both shapes and captions can be static or dynamic. Dynamic means they include at least one variable, and for non-responsive projects that is how you can force them to be rendered on runtime for non-responsive project. Static objects may be converted to images and that could indeed lead to fuzziness if there is a big change in resolution between the developer's choice and the one used on the learner's device.

The only difference between captions/shapes between quiz slides and other content slides is that there are dedicated object styles for the Quizzing category (see the Object Style Manager link). Conclusion: answer to your question is Yes, you can use the variable trick with v_null or another empty user variable in answer objects. Be careful: always at the end. For the fields on the results slide, which use system variables, you don't need to use it of course.

[Aschilles]

Thank you. I succeeded to put the "var_null" where I needded it and blur has disappeared. Just the render is a little bit different depends browser used.

[Lilybiri]

Careful: use only websafe or Adobe fonts for the dynamic text objects! See;

http://blog.lilybiri.com/fonts-in-captivate

[Aschilles]

I used Century Gothic font, it is correct ?

[Lilybiri]

Not correct if it is a system font (installed on your system), correct if you activated this font as Adobe font, because it is available in the font library.

[Aschilles]

hum ok i understand, I will check this. Thank you !