• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers

Text pixled preview and published

Explorer ,
Nov 08, 2021 Nov 08, 2021

Copy link to clipboard

Copied

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



RObert5F8E_0-1636364379233.png

 

Views

99

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Nov 08, 2021 Nov 08, 2021

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

...

Likes

Translate

Translate
Community Expert ,
Nov 08, 2021 Nov 08, 2021

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 08, 2021 Nov 08, 2021

Copy link to clipboard

Copied

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:)

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 08, 2021 Nov 08, 2021

Copy link to clipboard

Copied

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

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 08, 2021 Nov 08, 2021

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 08, 2021 Nov 08, 2021

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 08, 2021 Nov 08, 2021

Copy link to clipboard

Copied

Added a var_null and that did the trick. Thanks

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 04, 2022 Jul 04, 2022

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 04, 2022 Jul 04, 2022

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 04, 2022 Jul 04, 2022

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 04, 2022 Jul 04, 2022

Copy link to clipboard

Copied

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

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

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 04, 2022 Jul 04, 2022

Copy link to clipboard

Copied

I used Century Gothic font, it is correct ?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 04, 2022 Jul 04, 2022

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 04, 2022 Jul 04, 2022

Copy link to clipboard

Copied

LATEST

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines