Skip to main content
Inspiring
November 8, 2021
Answered

Text pixled preview and published

  • November 8, 2021
  • 1 reply
  • 752 views

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



 

    This topic has been closed for replies.
    Correct answer Lilybiri

    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.

    1 reply

    Lilybiri
    LilybiriCorrect answer
    Legend
    November 8, 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 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.

    Inspiring
    November 8, 2021

    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
    Legend
    November 8, 2021

    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